从 android webview 的 assets 文件夹中加载 CSS 和 JS 文件

Posted

技术标签:

【中文标题】从 android webview 的 assets 文件夹中加载 CSS 和 JS 文件【英文标题】:Load CSS and JS files from assets folder in android webview 【发布时间】:2018-06-30 20:11:50 【问题描述】:

我想从 android assets 文件夹本地加载 CSS 和 JS 文件,以便在 android webview 中获得更好的性能,可以吗? 感谢您的帮助,谢谢

【问题讨论】:

【参考方案1】:

android项目中

WebView myweb = FindViewById<WebView>(Resource.Id.webView1);
myweb.LoadUrl("file:///android_asset/index.html");

index.html

<link href="style.css" rel="stylesheet" type="text/css">
<script src="script.js"></script> 

如果您需要提高 android webview 性能和图形更改此属性

myweb.Settings.javascriptEnabled = true;
myweb.Settings.DisplayZoomControls = false;
myweb.Settings.SetRenderPriority(WebSettings.RenderPriority.High);
if (Build.VERSION.SdkInt >= BuildVersionCodes.Kitkat)

   myweb.SetLayerType(Android.Views.LayerType.Hardware, null);

如果您使用的是 android studio:查看此link

如果您只需要 js 或 css 文件,请查看此答案:

Load CSS JS from Assets folder Android - How to load external javascript files within at runtime generated HTML data? Android webview, loading javascript file in assets folder

【讨论】:

感谢您的回答,但我只想加载 CSS 和 JS 而不是整个网站。 我没听懂,你需要将js和css加载到webview中已经存在的页面

以上是关于从 android webview 的 assets 文件夹中加载 CSS 和 JS 文件的主要内容,如果未能解决你的问题,请参考以下文章

React-native WebView:从 assets 文件夹加载 html 和 js

android studio创建assets目录并且利用webView加载其html

Android-WebView中加载本地html的方法

Android 中WebView的使用详解

Android webview加载的页面怎样调试JS

通过 webview 显示的 Android 本地图像模糊