Android——使用WebView显示网页

1.引言：通过Intent调用系统浏览器

[java]  view plain  copy

1. Uri uri = Uri.parse(url);  //url为你要链接的地址  
2. Intent intent = new Intent(Intent.ACTION_VIEW,uri);  
3. startActivity(intent);  

2.步骤

（1）.活动布局中加入<WebView>元素即可

[html]  view plain  copy

1. <WebView  
2.         android:id="@+id/webView"  
3.         android:layout_width="match_parent"  
4.         android:layout_height="wrap_content">  
5. </WebView>  

（2）.使用WebVIew加载页面
WebView 主要调用三个方法：LoadUrl、LoadData、LoadDataWithBaseURL。

• LoadUrl 直接加载网页、图片并显示。（本地或是网络上的网页、图片、gif）
• LoadData 显示文字与图片内容 （模拟器1.5、1.6）
• LoadDataWithBase 显示文字与图片内容（支持多个模拟器版本）

我们在这里使用loadUrl()

web资源：webView.loadUrl("http://www.baidu.com");

本地文件：webView.loadUrl("file:///android_asset/XXX.html");

本地文件存放在：assets文件夹中。assets文件夹中可以放置html、js、css、image等资源。eclipse中assets文件夹 在  project/下面，并且已经自动生成，但是  android studio 中 需要放置  assets  到   project/app/src/main 下面，需要自己创建。

对于assets文件夹下资源的引用，可以通过例如  file:///android_asset/images/XXX.jpg 的形式来引用。

（3）.获取网络访问权限

[html]  view plain  copy

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

（4）.在WebView中使用Javascript

[java]  view plain  copy

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

（5）处理页面导航

当用户点击一个WebView中的页面的链接时，通常，是由默认的浏览器打开并加载目标URL的。然而，你可以在WebView中覆盖这一行为，那么链接就会在WebView中打开

[java]  view plain  copy

1. webView.setWebChromeClient(new WebChromeClient()  

（6）后退与前进

[java]  view plain  copy

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

（7）判断页面加载过程

[java]  view plain  copy

1. //页面加载  
2. webView.setWebChromeClient(new WebChromeClient(){  
3.     @Override  
4.     public void onProgressChanged(WebView view, int newProgress) {  
5.         //newProgress   1-100之间的整数  
6.         if (newProgress == 100) {  
7.             //页面加载完成，关闭ProgressDialog  
8.             closeDialog();  
9.         } else {  
10.             //网页正在加载，打开ProgressDialog  
11.             openDialog(newProgress);  
12.         }  
13.     }  
14.   
15.     private void openDialog(int newProgress) {  
16.         if (dialog == null) {  
17.             dialog = new ProgressDialog(MainActivity.this);  
18.             dialog.setTitle("正在加载");  
19.             dialog.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);  
20.             dialog.setProgress(newProgress);  
21.             dialog.setCancelable(true);  
22.             dialog.show();  
23.         } else {  
24.             dialog.setProgress(newProgress);  
25.         }  
26.     }  
27.   
28.     private void closeDialog() {  
29.         if (dialog != null && dialog.isShowing()) {  
30.             dialog.dismiss();  
31.             dialog = null;  
32.         }  
33.     }  
34. });  

（8）WebView缓存的运用

[java]  view plain  copy

1. //WebView加载页面优先使用缓存加载  
2. settings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);  

 源代码    

[java]  view plain  copy

1. import android.app.ProgressDialog;  
2. import android.support.v7.app.AppCompatActivity;  
3. import android.os.Bundle;  
4. import android.view.KeyEvent;  
5. import android.webkit.WebChromeClient;  
6. import android.webkit.WebSettings;  
7. import android.webkit.WebView;  
8. import android.webkit.WebViewClient;  
9.   
10. import java.io.BufferedReader;  
11. import java.io.InputStreamReader;  
12.   
13. public class MainActivity extends AppCompatActivity {  
14.   
15.     private WebView webView;  
16.     private ProgressDialog dialog;  
17.     @Override  
18.     protected void onCreate(Bundle savedInstanceState) {  
19.         super.onCreate(savedInstanceState);  
20.         setContentView(R.layout.activity_main);  
21.         init();  
22.     }  
23.   
24.     private void init() {  
25.         webView = (WebView) findViewById(R.id.webView);  
26.         //WebView加载本地资源  
27. //        webView.loadUrl("file:///android_asset/example.html");  
28.         //WebView加载web资源  
29.         webView.loadUrl("http://www.baidu.com");  
30.         //覆盖WebView默认通过第三方或者是系统浏览器打开网页的行为，使得网页可以在WebView中打开  
31.         webView.setWebViewClient(new WebViewClient(){  
32.             @Override  
33.             public boolean shouldOverrideUrlLoading(WebView view, String url) {  
34.                 //返回值是true的时候是控制网页在WebView中去打开，如果为false调用系统浏览器或第三方浏览器打开  
35.                 view.loadUrl(url);  
36.                 return true;  
37.             }  
38.             //WebViewClient帮助WebView去处理一些页面控制和请求通知  
39.         });  
40.         //启用支持Javascript  
41.         WebSettings settings = webView.getSettings();  
42.         settings.setJavaScriptEnabled(true);  
43.         //WebView加载页面优先使用缓存加载  
44.         settings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);  
45.         //页面加载  
46.         webView.setWebChromeClient(new WebChromeClient(){  
47.             @Override  
48.             public void onProgressChanged(WebView view, int newProgress) {  
49.                 //newProgress   1-100之间的整数  
50.                 if (newProgress == 100) {  
51.                     //页面加载完成，关闭ProgressDialog  
52.                     closeDialog();  
53.                 } else {  
54.                     //网页正在加载，打开ProgressDialog  
55.                     openDialog(newProgress);  
56.                 }  
57.             }  
58.   
59.             private void openDialog(int newProgress) {  
60.                 if (dialog == null) {  
61.                     dialog = new ProgressDialog(MainActivity.this);  
62.                     dialog.setTitle("正在加载");  
63.                     dialog.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);  
64.                     dialog.setProgress(newProgress);  
65.                     dialog.setCancelable(true);  
66.                     dialog.show();  
67.                 } else {  
68.                     dialog.setProgress(newProgress);  
69.                 }  
70.             }  
71.   
72.             private void closeDialog() {  
73.                 if (dialog != null && dialog.isShowing()) {  
74.                     dialog.dismiss();  
75.                     dialog = null;  
76.                 }  
77.             }  
78.         });  
79.     }  
80.   
81.     //改写物理按键——返回的逻辑  
82.     @Override  
83.     public boolean onKeyDown(int keyCode, KeyEvent event) {  
84.         if (keyCode == KeyEvent.KEYCODE_BACK) {  
85.             if (webView.canGoBack()) {  
86.                 webView.goBack();   //返回上一页面  
87.                 return true;  
88.             } else {  
89.                 System.exit(0);     //退出程序  
90.             }  
91.   
92.         }  
93.         return super.onKeyDown(keyCode, event);  
94.     }  
95. }