Android WebView使用总结

淩亂°似流年 2022-07-29 10:39 270阅读 0赞

在Android中有WebView Widget，它内置了WebKit引擎，同时，WebKit也是Mac OS X的Safari网页浏览器的基础。WebKit是一个开源的浏览器引擎，Chrome浏览器也是基于它的。所以很多表现WebView和Chrome是一样的。

在使用WebView之前，要在AndroidManifest.xml中添加 如下权限：

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

否则会出Web page not available错误。

**1 . 加载网页**：

网络用：webView.loadUrl("http://www.baidu.com");  
              本地文件用：webView.loadUrl(file:///android\_asset/XXX.html);这里的格式是固定的，文件位置 assets目录下

webview.postUrl(String url, byte\[\] postData) 加载页面使用Post方式，postData为参数

**\[java\]** [ view plain][view plain] [ copy][view plain] [ print][view plain] [?][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  //    post方式传送参数   
2.  //    String postData = "clientID = cid & username = name";   
3.  //    webview.postUrl(url, EncodingUtils.getBytes(postData, "base64"));

//    post方式传送参数
    //    String postData = "clientID = cid & username = name";
    //    webview.postUrl(url, EncodingUtils.getBytes(postData, "base64"));

**  2. 使用loadData方法来加载html数据**

loadData()需要三个参数： HTML TAG ,MIME类型(text/html), 网页编码方式(utf-8).

使用它时可能会发现有如下问题：

I.  loadData不能加载图片内容，如果要加载图片内容或者获得更强大的Web支持请使用loadDataWithBaseURL。

II .使用loadData方法显示乱码。那是因为编码器设置错误导致的。我们知道String类型的数据主要是unicode编码，而WebView一般为了节省资源使用的是UTF-8编码，所以我们在loadData的时候要告诉方法怎样转码。即要告诉它要将unicode编码的内容转成UTF-8编码的内容。有些朋友虽然在loadData的时候设置了编码方式，但是还是显示乱码，这是因为还需要为WebView的text编码指定编码方式.

1.  WebView wv = (WebView)findViewById(R.id.webview) ;  
2.    
3.  String content = getUnicodeContent() ;  
4.    
5.  wv.getSettings().setDefaultTextEncodingName(“UTF -8”) ;  
6.    
7.  wv.loadData(content, “text/html”, “UTF-8”) ;

WebView wv = (WebView)findViewById(R.id.webview) ;
    
    String content = getUnicodeContent() ;
    
    wv.getSettings().setDefaultTextEncodingName(“UTF -8”) ;
    
    wv.loadData(content, “text/html”, “UTF-8”) ;

**      WebView默认是不支持JavaScript 、IFrame或者是任何的框架语法的。通过设webview.getSettings().setJavaScriptEnabled(true);  就可以打开JavaScript.  webView.requestFocus()如果不设置的话，会出现不能弹出软键盘等问题。**

**  3.   setScrollBarStyle 设置滚动条风格**

webview.setScrollBarStyle(View.SCROLLBARS\_INSIDE\_OVERLAY);在内容显示内部显示

**  4.  ClearCache  清除缓存内容**

**5.  goBcak canGoBack goForward canGoForward**

**          6.  webView.stopLoading()停止加载页面**

**  7.  WebViewClient 和 WebChromeClient 区别**

WebView主要负责解析渲染，WebViewClient 和WebChromeClient是用来辅助WebView。

WebViewClient主要帮助WebView处理各种通知、请求事件的，比如：

onLoadResource  
         onPageStart  
         onPageFinish  
         onReceiveError

1.  //受到错误时触发，比如400错误，这些错误一般都是无法补救的，最多给出提示信息    
2.      @Override  
3.      public void onReceivedError(WebView view, int errorCode,String description, String failingUrl) \{  
4.          // TODO Auto-generated method stub   
5.          super.onReceivedError(view, errorCode, description, failingUrl);  
6.      \}

//受到错误时触发，比如400错误，这些错误一般都是无法补救的，最多给出提示信息
        @Override
        public void onReceivedError(WebView view, int errorCode,String description, String failingUrl) {
            // TODO Auto-generated method stub
            super.onReceivedError(view, errorCode, description, failingUrl);
        }

onReceivedHttpAuthRequest

WebChromeClient主要辅助WebView处理Javascript的对话框、网站图标、网站title、加载进度等比如

onCloseWindow(关闭WebView)  
         onCreateWindow()  
         onJsAlert (WebView上alert,Prompt,Confirm无效，需要定制WebChromeClient处理弹出,从而获取网页中的JS，比如使用AlertDialog进行显示),可以参考[ http://618119.com/archives/2010/12/20/199.html][http_618119.com_archives_2010_12_20_199.html]

onJsPrompt  
         onJsConfirm  
         onProgressChanged  
         onReceivedIcon  
         onReceivedTitle  
         看上去他们有很多不同，实际使用的话，如果你的WebView只是用来处理一些html的页面内容，只用WebViewClient就行了，如果需要更丰富的处理效果，比如JS、进度条等，就要用到WebChromeClient。更多的时候，你可以这样

WebView webView;  
          webView= (WebView) findViewById(R.id.webview);  
          webView.setWebChromeClient(new WebChromeClient());  
          webView.setWebViewClient(new WebViewClient());//.希望点击链接继续在当前browser中响应，必须覆盖 WebViewClient对象。  
          webView.getSettings().setJavaScriptEnabled(true);  
          webView.loadUrl(url);  
          这样你的WebView理论上就能有大部分需要实现的特色了。

1.          webview.setWebChromeClient(new MyWebChromeClient());  
2.            
3.          webview.setWebViewClient(new WebViewClient()  
4.          \{  
5.              @Override  
6.              public boolean shouldOverrideUrlLoading(WebView view, String url) \{  
7.                  // TODO Auto-generated method stub   
8.  //              return super.shouldOverrideUrlLoading(view, url);   
9.                  view.loadUrl(url);  
10.                 return true;  
11.             \}  
12.             @Override  
13.             public void onPageStarted(WebView view, String url, Bitmap favicon) \{  
14.                 // TODO Auto-generated method stub    
15.                 super.onPageStarted(view, url, favicon);  
16.                 mProgressDialog.show();  
17.             \}  
18.             @Override  
19.             public void onPageFinished(WebView view, String url) \{  
20.                 // TODO Auto-generated method stub    
21.                 super.onPageFinished(view, url);  
22.                 mProgressDialog.hide();  
23.             \}  
24.               
25.         \});

webview.setWebChromeClient(new MyWebChromeClient());
            
            webview.setWebViewClient(new WebViewClient()
            {
            	@Override
            	public boolean shouldOverrideUrlLoading(WebView view, String url) {
            		// TODO Auto-generated method stub
    //        		return super.shouldOverrideUrlLoading(view, url);
            		view.loadUrl(url);
            		return true;
            	}
            	@Override
            	public void onPageStarted(WebView view, String url, Bitmap favicon) {
            		// TODO Auto-generated method stub
            		super.onPageStarted(view, url, favicon);
            		mProgressDialog.show();
            	}
            	@Override
            	public void onPageFinished(WebView view, String url) {
            		// TODO Auto-generated method stub
            		super.onPageFinished(view, url);
            		mProgressDialog.hide();
            	}
            	
            });

1.  private class MyWebChromeClient extends WebChromeClient  
2.      \{  
3.          @Override  
4.          public void onReceivedTitle(WebView view, String title) \{  
5.              // TODO Auto-generated method stub   
6.              super.onReceivedTitle(view, title);  
7.              textview.setText(title);  
8.          \}  
9.          \}

private class MyWebChromeClient extends WebChromeClient
    	{
    		@Override
    		public void onReceivedTitle(WebView view, String title) {
    			// TODO Auto-generated method stub
    			super.onReceivedTitle(view, title);
    			textview.setText(title);
    		}
            }

**8.   JS使用**

webview.addJavascriptInterface(new JavaScriptInterfaceDemo( this ), "JSInterfaceDemo");

//JSInterfaceDemo其实就是JavaScriptInterfaceDemo的别名,供HTML调用时使用

addJavascriptInterface(Object obj,String interfaceName)这个方法，该方法将一个java对象绑定到一个javascript对象中，javascript对象名就是 interfaceName,比如说JSInterfaceDemo，作用域是Global。这样初始化webview后，在webview加载的页面中就可以直接通过 javascript:window.JSInterfaceDemo访问到绑定的java对象了。在HTML中如何调用呢，"window.JSInterfaceDemo.getResposeCode() " 其中getResposeCode需要在JavaScriptInterfaceDemo中实现

需要注意的是：addJavascriptInterface方法中要绑定的Java对象及方法要运行另外的线程中，不能运行在构造他的线程中，这也是使用 Handler的目的。

1.  public class JavaScriptInterfaceDemo  
2.  \{  
3.        
4.      public void getResposeCode(final String msg)  
5.      \{  
6.          mHandler.post(new Runnable()   
7.          \{  
8.                
9.              @Override  
10.             public void run() \{  
11.                 // TODO Auto-generated method stub   
12.                          \}  
13.           
14.       
15.           
16.     \}  
17. \}

public class JavaScriptInterfaceDemo
    {
    	
    	public void getResposeCode(final String msg)
    	{
    		mHandler.post(new Runnable() 
    		{
    			
    			@Override
    			public void run() {
    				// TODO Auto-generated method stub
                             }
    		
    	
    		
    	}
    }

调用的地方

1.  webview.addJavascriptInterface(new JavaScriptInterfaceDemo( this ), "JSInterfaceDemo");

webview.addJavascriptInterface(new JavaScriptInterfaceDemo( this ), "JSInterfaceDemo");

转载地址：[http://blog.csdn.net/caesardadi/article/details/8530477][http_blog.csdn.net_caesardadi_article_details_8530477]

[view plain]: http://blog.csdn.net/caesardadi/article/details/8530477#
[CODE]: https://code.csdn.net/assets/CODE_ico.png
[CODE_CODE]: https://code.csdn.net/snippets/229354
[ico_fork.svg]: https://code.csdn.net/assets/ico_fork.svg
[ico_fork.svg 1]: https://code.csdn.net/snippets/229354/fork
[http_618119.com_archives_2010_12_20_199.html]: http://618119.com/archives/2010/12/20/199.html
[http_blog.csdn.net_caesardadi_article_details_8530477]: http://blog.csdn.net/caesardadi/article/details/8530477