WebView详解

Hybrid APP现在用的很多，之前对JavaScript 不是很熟悉，WebView和js交互这里做了总结

2个注意点：

• WebView继承自AbsoluteLayout，可以在内部写一些控件

• 4.4版本需要注意 https://developer.android.com/guide/webapps/migrating.html

• 详细用法可以参考
  WebView·开车指南https://jiandanxinli.github.io/2016-08-31.html

与js交互 的文章：

WebView 和 JS 交互，如何将 Java 对象和 List 传值给 JS ？
http://mp.weixin.qq.com/s/hB6upfBze18c6TjOjoinhw

http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2013/0402/1105.html

一个好的webView 封装库

实战 | 封装解决WebView的那些坑
http://mp.weixin.qq.com/s/Md8xkC-fQ9hmJ80IBsejlw

一、WebView常见的一些坑

1. 安全漏洞

也就是android4.1版本以前，原理：
通过WebView .addJavascriptInterface方法给webView 加入了一个Javascript的桥接口 （发射机制）调用本地java接口，对客户端易造成威胁

image.png

解决参考 > http://blog.csdn.net/carson_ho/article/details/64904635

2. webvView在布局文件中的使用：webView写在其他布局文件中

避免内存泄漏

比如说 动态addView 的方式 把webView添加到LinearLayout中时
当离开 需要销毁webView时 在 onDestroy 中 一定要先 mWebView.removeAllViews()和mWebView.destroy()

image.png

3. jsbridge

理解可以参考：http://blog.csdn.net/jjx0224/article/details/52788922
通过JavaScript搭建桥 一端是web，一端是native原生
我们搭建这座桥的目的也很简单，让native可以调用web的js代码，让web可以 “调用” 原生的代码

4. WebViewClient.onPageFinished ----WebChromeClient.onProgressChanged 调用后面的，靠谱些

 //todo 处理各种通知和请求事件
        webView.setWebViewClient(new WebViewClient() {

            @Override
            public void onPageStarted(WebView view, String url, Bitmap favicon) {
                super.onPageStarted(view, url, favicon);
                //开始加载时 调用
                //开启一个加载的动画，告诉用户程序在等待网络的响应
            }

          //页面完成后回调  
         //坑 当页面加载过程中发生跳转 就会重复调用无数次
            @Override
            public void onPageFinished(WebView view, String url) {
                super.onPageFinished(view, url);
                //此时关闭加载动画，进行其他操作。
            }

            @Override
            public void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error) {
                super.onReceivedError(view, request, error);

                //在web页面加载错误时回调，最常见的就是网络问题
                //只在与服务器无法正常连接时调用  错误码的那种错误（即HTTP ERROR），该方法是不会回调的，因为你已经和服务器正常连接上了（全怪官方文档(︶^︶)）；

                //api 23 区别 有任何加载错误都会回调


            }

            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                //继续跳转
                webView.loadUrl(url);

                // 表示当前WebView可以处理打开新网页的请求，不用借助系统浏览器
                return true;
            }
        });

5. WebView 后台耗电问题

WebView 加载网页时会自动开启线程，没有很好的销毁的话，残余线程后台一直运行，耗电
需要在acticity 的 onDestroy中调用 System.exit(0);

6. WebView 硬件加速 导致的页面渲染问题 （加载白块，页面闪烁现象 ）

解决方法：设置webView 暂时关闭硬件加速

二、关于WebView 的内存问题

避免方法1：独立进程，简单暴力，不过可能涉及到进程间通信

内存泄漏的原因：关联activity，webview内部操作在新线程 ，activity生命周期和新线程的生命周期是不一样的，导致webView 一直持有activity引用，不能回收，和匿名内部类持有外部类引用是一样的

好处：
可以在使用完后 直接干掉进程 防止内存泄漏
可以使app主进程 减少内存容量

方法2.动态添加WebView

image.png