Android WebView使用总结

最新推荐文章于 2025-08-15 15:43:57 发布

转载最新推荐文章于 2025-08-15 15:43:57 发布 · 1w 阅读

android 专栏收录该内容

168 篇文章

订阅专栏

本文详细介绍了Android中WebView的使用方法，包括加载网页、处理JavaScript、配置WebViewClient与WebChromeClient等关键知识点，并提供了实例代码。

转自：http://blog.csdn.net/Caesardadi/article/details/8530477

在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目录下

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编码指定编码方式.

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.

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
         onReceivedHttpAuthRequest

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

         onCloseWindow(关闭WebView)
         onCreateWindow()
         onJsAlert (WebView上alert无效，需要定制WebChromeClient处理弹出)
         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理论上就能有大部分需要实现的特色了。

        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();
        	}
        	
        });

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的目的。

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

调用的地方

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