Android--WebView控件

Posted 2020-07-27 西门小白菜

WebView

一 简介：

WebView一般用于将android页面已html的形式展现，我们一般叫它HTML5开发；

WebView可以使得网页轻松的内嵌到app里，还可以直接跟js相互调用，通过json或者GSON格式的数据调用，可以很方便的和后台交互。

 

webview有两个方法：setWebChromeClient 和 setWebClient

setWebClient：主要处理解析，渲染网页等浏览器做的事情；

setWebChromeClient：辅助WebView处理javascript的对话框，网站图标，网站title，加载进度等 ；

WebViewClient就是帮助WebView处理各种通知、请求事件的。

 

二、简单使用：

2.1、在AndroidManifest.xml设置访问网络权限：

1 <uses-permission android:name="android.permission.INTERNET"/>

View Code

2.2、WebView控件：

1 <WebView
2         android:id="@+id/view_html5_1" 
3         android:layout_height="fill_parent"
4         android:layout_width="fill_parent"/>

View Code

2.3、后台Activity程序：

 1 package com.zdw.myhtml5_test;
 2 
 3 import android.os.Bundle;
 4 import android.webkit.WebView;
 5 import android.webkit.WebViewClient;
 6 import android.app.Activity;
 7 
 8 public class MainActivity extends Activity {
 9     private WebView webView;
10     protected void onCreate(Bundle savedInstanceState) {
11         super.onCreate(savedInstanceState);
12         setContentView(R.layout.activity_main);
13         init();//加载初始化程序
14     } 
15     
16 /***********************************************《--初始化程序--》*******************************************/    
17     private void init(){
18         webView = (WebView) findViewById(R.id.view_html5_1);
19         //WebView加载web资源
20         webView.loadUrl("http://baidu.com");
21         //覆盖WebView默认使用第三方或系统默认浏览器打开网页的行为，使网页用WebView打开
22         webView.setWebViewClient(new WebViewClient(){
23             public boolean shouldOverrideUrlLoading(WebView view, String url) {              
24                 //返回值是true的时候控制去WebView打开，为false调用系统浏览器或第三方浏览器
25                 view.loadUrl(url);//加载URl
26                 return true;
27             }
28         });
29     }
30 }

View Code

2.4、程序运行后的图片：

 

三、试用途径：

3.1、加载本地资源

1 webView = (WebView) findViewById(R.id.webView);
2 webView.loadUrl("file:///android_asset/example.html");

View Code

3.2、加载Web资源

1 webView = (WebView) findViewById(R.id.webView);
2 webView.loadUrl("http://baidu.com");

View Code

四、程序内打开网页

上面介绍过了，这里就不重复了。

需要注意的一点就是：

如果你的文件资源放在了assets文件中，如下图：

但是，引用的url路径为：

 特别数以绿色部分的路径。

五、如果访问的页面中有Javascript，则webview必须设置支持Javascript

这里需要声明的

1 //启用支持javascript
2 WebSettings settings = webView.getSettings();
3 settings.setJavaScriptEnabled(true);

View Code

六、后退网页处理。

       需要WebView覆盖URL加载，让它自动生成历史访问记录，那样就可以通过前进或后退访问已访问过的站点。

 1 //改写物理按键——返回的逻辑
 2     public boolean onKeyDown(int keyCode, KeyEvent event) {
 3         if(keyCode==KeyEvent.KEYCODE_BACK)
 4         {
 5             if(webView.canGoBack())
 6             {
 7                 webView.goBack();//返回上一页面
 8                 return true;
 9             }
10             else
11             {
12                 System.exit(0);//退出程序
13             }
14         }
15         return super.onKeyDown(keyCode, event);
16     }

View Code

七、判断页面加载过程

      

 1 webView.setWebChromeClient(new WebChromeClient() {
 2             public void onProgressChanged(WebView view, int newProgress) {
 3                 if (newProgress == 100) {
 4                     // 网页加载完成
 5 
 6                 } else {
 7                     // 加载中
 8 
 9                 }
10             }
11         });

View Code

八、缓存的使用

优先使用缓存：

 

1 webView.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);

View Code

 

不使用缓存：

1 webView.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE);

View Code