Android中WebView的基本使用

基本用法

清单文件配置WebView

<span style="white-space:pre">	</span><WebView
	        android:id="@+id/wv_news_detail"
	        android:layout_width="match_parent"
	        android:layout_height="match_parent" />

WebView加载网页

<span style="white-space:pre">		</span>//加载网页链接
		mWebView.loadUrl("http://www.baidu.com");
		//加载本地assets目录下的网页
		mWebView.loadUrl("file:///android_asset/demo.html");

WebView基本设置

<span style="white-space:pre">		</span>WebSettings settings = mWebView.getSettings();
		settings.setBuiltInZoomControls(true);// 显示缩放按钮(wap网页不支持)
		settings.setUseWideViewPort(true);// 支持双击缩放(wap网页不支持)
		settings.setJavaScriptEnabled(true);// 支持js功能

设置WebViewClient

<span style="white-space:pre">		</span>mWebView.setWebViewClient(new WebViewClient() {
			// 开始加载网页
			@Override
			public void onPageStarted(WebView view, String url, Bitmap favicon) {
				super.onPageStarted(view, url, favicon);
				System.out.println("开始加载网页了");
			}

			// 网页加载结束
			@Override
			public void onPageFinished(WebView view, String url) {
				super.onPageFinished(view, url);
				System.out.println("网页加载结束");
			}

			// 所有链接跳转会走此方法
			@Override
			public boolean shouldOverrideUrlLoading(WebView view, String url) {
				System.out.println("跳转链接:" + url);
				view.loadUrl(url);// 在跳转链接时强制在当前webview中加载

				//此方法还有其他应用场景, 比如写一个超链接<a href="tel:110">联系我们</a>, 当点击该超链接时,可以在此方法中获取链接地址tel:<span style="white-space:pre">				</span>110, 解析该地址,获取电话号码, 然后跳转到本地打电话页面, 而不是加载网页, 从而实现了webView和本地代码的交互
			
				return true;
			}
		});

设置WebChromeClient

<span style="white-space:pre">		</span>mWebView.setWebChromeClient(new WebChromeClient() {
			@Override
			public void onProgressChanged(WebView view, int newProgress) {
				super.onProgressChanged(view, newProgress);
				// 进度发生变化
				System.out.println("进度:" + newProgress);
			}

			@Override
			public void onReceivedTitle(WebView view, String title) {
				super.onReceivedTitle(view, title);
				// 网页标题
				System.out.println("网页标题:" + title);
			}
		});

WebView加载上一页和下一页

<span style="white-space:pre">		</span>mWebView.goBack();//跳到上个页面
		mWebView.goForward();//跳到下个页面
		mWebView.canGoBack();//是否可以跳到上一页(如果返回false,说明已经是第一页)
		mWebView.canGoForward();//是否可以跳到下一页(如果返回false,说明已经是最后一页)