【安卓基础】WebView开发优化基础

最近工作很忙，不仅要抽空进行管理，还有开发任务在身，幸好有一些规划进行指导，所以还能顺利解决问题。在管理和技术上面，我认为技术是硬实力，管理是软实力，自己需要多点时间花在技术上。

回归正题，在项目中的APP端是使用H5进行开发，原生部分提供一个壳进行加载页面，这样页面布局和业务逻辑能写一次在安卓和苹果同时运行。

但其实这种完全用H5进行开发，还是有一定的坑，下面总结一些自己在项目遇到的问题：

1.遇到人脸识别等功能还是需要使用原生引入SDK进行开发，界面也是需要原生。

2.集成第三方分享（微信分享等），必须对WebView主任JS对象，提供分享功能。

3.WebView网络加载体验差，想要原生的体验速度需要做大量的优化（工作量不少）。

当然现在有一些可靠的第三方库帮助我们优化WebView加载性能和速度，原生的WebView通过合理的配置也是能提高网页加载体验和性能。

缓存优化：

我们希望不要每次都要去服务器加载H5，而且使用本地缓存过的页面。

webSetting.setCacheMode(WebSettings.LOAD_DEFAULT);

设置了缓存后，WebView会去使用缓存过的内容（包括html、css、js、图片等），使用缓存能大大提供页面性能。

资源优化：

有时候H5页面引用了一些比较常规的第三方JS库或者其他资源，可以把这些JS库或者资源放到本地。

WebViewClient.shouldInterceptRequest()

通过设置WebViewClient，可以拦截URL请求，此方法返回WebResourceResponse对象，可以new出来并匹配加载本地资源。

性能优化：

单单通过优化WebView有时候并不能完全达到理想条件，因为页面的渲染性能由前端的代码优化才能保证。

在Android开发中一般使用 chrome://inspect 工具进行调试WebView的加载性能问题，通过此工具可以查看 App 中 WebView 当前页面的网络请求耗时和页面执行性能等待的数据，可以快速判定页面的性能问题在哪一环节出现问题。

WebView.setWebContentsDebuggingEnabled(true);

在代码中开启调试模式，这样就可以在 Chrome 浏览器进行 WebView调试监控，非常方面。