- 优化加载速度
这个一般是开启setting的缓存,第一次加载会慢一点,下次再进入会快很多
webSetting.setAppCacheEnabled(true);
webSetting.setDatabaseEnabled(true);
webSetting.setDomStorageEnabled(true);
webSetting.setCacheMode(WebSettings.LOAD_DEFAULT);
对于一般情况,这种开启缓存的方式就够用了,但是如果要加载的H5体积特别大的话就不适用了,我之前遇到过一种情况,h5中引入了第三方库体积大约2.7M左右,而且要求加载很及时,这种场景就只能提前初始化一个全局的webView对象,并且执行loadurl操作,当进入需要打开的页面的时候通过addView把webView添加到layout中
2. 解决打开h5黑屏问题
这个可以通过给webView设置背景色来处理
dWebView.setBackgroundColor(App.getInstance().getColor(android.R.color.transparent));
dWebView.setBackgroundResource(R.color.white);
- 解决JS互调问题
JS互调有原生的解决方法,但是有两个问题,一个是app版本兼容性问题,比如某个版本新加了一个js方法,则需要传给h5当前版本是哪一个,能否调用这个方法,还有一个是android和ios各需要一套处理逻辑,为解决这两个问题可以考虑使用第三方库dsbridge,它可以通过统一的方式调用android或ios的方法,而且可以在调用之前判断该方法是否存在,h5和客户端可以双向判断。 - ES6语法和Angular的兼容性问题
对于这个没有特别好的解决方法,可以考虑更换腾讯的X5浏览器内核来实现,而且dsbridge提供了X5内核的版本,可以选择在项目中使用源码依赖,自己去X5官网下载最新的sdk,更换最新版本的jar文件,在X5内核WebView初始化的时候可以添加以下内容多线程初始化,提高效率
map.put(TbsCoreSettings.TBS_SETTINGS_USE_SPEEDY_CLASSLOADER, true);
QbSdk.initTbsSettings(map);
- h5重新加载高度不能自适应的问题
这个问题网上给出的解决方案很多,以下为亲测有效的方式
@Override
public void onPageStarted(WebView view, String url, Bitmap favicon) {
super.onPageStarted(view, url, favicon);
int w = View.MeasureSpec.makeMeasureSpec(0,
View.MeasureSpec.UNSPECIFIED);
int h = View.MeasureSpec.makeMeasureSpec(0,
View.MeasureSpec.UNSPECIFIED);
view.measure(w, h);
view.post(new Runnable() {
@Override
public void run() {
view.scrollTo(0, 0);
}
});
}
@Override
public void onPageFinished(WebView view, String url) {
super.onPageFinished(view, url);
ViewGroup.LayoutParams layoutParams = view.getLayoutParams();
layoutParams.height = WebView.LayoutParams.WRAP_CONTENT;
view.setLayoutParams(layoutParams);
view.post(new Runnable() {
@Override
public void run() {
view.scrollTo(0, 0);
}
});
}
- 缓存资源文件
CacheWebView通过拦截资源实现自定义缓存静态资源
github地址:https://github.com/yale8848/CacheWebView