webview系列：webview的简单使用

webview系列：webview的简单使用

Android及iOS的webview的引擎都是webkit，对H5提供支持.
WebView可以使得网页轻松的内嵌到app里，还可以直接跟js相互调用。

webview组件如何使用

1)添加权限：AndroidManifest.xml中必须使用许可”android.permission.INTERNET”,否则会出Web page not available错误。

2)在要Activity中生成一个WebView组件：WebView webView = new WebView(this);或者可以在activity的layout文件里添加webview控件：

3)设置WebView基本信息：
如果访问的页面中有JavaScript，则webview必须设置支持javascript。
webview.getSettings().setJavaScriptEnabled(true);
触摸焦点起作用
requestFocus();
取消滚动条
this.setScrollBarStyle(SCROLLBARS_OUTSIDE_OVERLAY);

4)设置WevView要显示的网页：
互联网用：webView.loadUrl(“http://www.google.com“);
本地文件用：webView.loadUrl(“file:///android_asset/XX.html”); 本地文件存放在：assets文件中。

5)如果希望点击链接由自己处理，而不是新开Android的系统browser中响应该链接。给WebView添加一个事件监听对象（WebViewClient)并重写其中的一些方法：
shouldOverrideUrlLoading：对网页中超链接按钮的响应。当按下某个连接时WebViewClient会调用这个方法，并传递参数：按下的url。比如当webview内嵌网页的某个数字被点击时，它会自动认为这是一个电话请求，会传递url：tel:123,如果你不希望如此可通过重写shouldOverrideUrlLoading函数解决：

public boolean shouldOverrideUrlLoading(WebView view,String url){          if(url.indexOf("tel:")<0){//页面上有数字会导致连接电话              view.loadUrl(url);          }             return true;                   }  
1
2
3
4
5
6
7
8
9
10
11
12
13
1
2
3
4
5
6
7
8
9
10
11
12
13

6）处理https请求
webView默认是不处理https请求的，页面显示空白，需要进行如下设置：

webView.setWebViewClient(new WebViewClient() {            @Override            public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) {                handler.proceed();    //            handler.cancel();    //            handler.handleMessage(null);            }        });    
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9

其中handler.proceed();表示等待证书响应
handler.cancel();表示挂起连接，为默认方式
handler.handleMessage(null);可做其他处理

7)另外还有其他一些可重写的方法

1，接收到Http请求的事件
onReceivedHttpAuthRequest(WebView view, HttpAuthHandler handler, String host, String realm)

2，打开链接前的事件

public boolean shouldOverrideUrlLoading(WebView view, String url) { view.loadUrl(url); return true; } 
1
2
3
4
1
2
3
4

这个函数我们可以做很多操作，比如我们读取到某些特殊的URL，于是就可以不打开地址，取消这个操作，进行预先定义的其他操作，这对一个程序是非常必要的。

3，载入页面完成的事件
public void onPageFinished(WebView view, String url){ }
同样道理，我们知道一个页面载入完成，于是我们可以关闭loading条，切换程序动作。

4，载入页面开始的事件
public void onPageStarted(WebView view, String url, Bitmap favicon) { }
这个事件就是开始载入页面调用的，通常我们可以在这设定一个loading的页面，告诉用户程序在等待网络响应。

通过这几个事件，我们可以很轻松的控制程序操作，一边用着浏览器显示内容，一边监控着用户操作实现我们需要的各种显示方式，同时可以防止用户产生误操作。

8)如果用webview点链接看了很多页以后，如果不做任何处理，点击系统“Back”键，整个浏览器会调用finish()而结束自身，如果希望浏览的网页回退而不是退出浏览器，需要在当前Activity中处理并消费掉该Back事件。

覆盖Activity类的onKeyDown(int keyCoder,KeyEvent event)方法。

public boolean onKeyDown(int keyCoder,KeyEvent event){                          if(webView.canGoBack() && keyCoder == KeyEvent.KEYCODE_BACK && event.getRepeatCount() == <span style="padding: 0px; margin: 0px; border: none;">0</span>){                                   webview.goBack();   //goBack()表示返回webView的上一页面                                  return true;                           }                           return false;                  }  
1
2
3
4
5
6
7
8
1
2
3
4
5
6
7
8

对于4.4后的WebView，我们需要注意下下面这些问题

从Android 4.4开始，Android中的WebView不再是基于WebKit的，而是开始基于Chromium，这个改变使得WebView的性能大幅提升，并且对HTML5，CSS，JavaScript有了更好的支持！

虽然chromium完全取代了以前的WebKit for Android，但Android WebView的API接口并没有变，与老的版本完全兼容。这样带来的好处是基于WebView构建的APP，无需做任何修改，就能享受chromium内核的高效与强大。

http://blog.csdn.net/coder_pig/article/details/48393141

说明

webview在网络请求成功后使用时要注意判断webview是否为空，在webview显示使用生命周期后，网络回调webview不进行空判断，会导致空指针。以后相关开发时需要注意。

Android WebView Memory Leak WebView内存泄漏
https://my.oschina.net/zhibuji/blog/100580

Android WebView 在开发过程中有哪些坑？
https://www.zhihu.com/question/31316646

在WebView自身打开链接 – 关于WebViewClient类shouldOverrideUrlLoading的错误用法
http://blog.csdn.net/zhyh1986/article/details/42169159

参考资料

Android基础入门教程——7.5.1 WebView(网页视图)基本用法：讲解webview最好的基础教程
http://blog.csdn.net/coder_pig/article/details/48372789

WebView·开车指南（非常条理）
https://jiandanxinli.github.io/2016-08-31.html

转载自：http://blog.csdn.net/a910626/article/details/52754951