关于网络一_WebView用法简介

一、WebView简单介绍

WebView控件可以使我们自己的app嵌入一个浏览器，并渲染各种各样的网页

---

二、WebView使用方法

1.因为要访问网络，所以必须先添加联网权限.否则出现错误：Web page not available

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

2.添加WebView组件的两种方式(Activity中创建、布局文件中声明)

WebView wv = new WebView(this); // Activity中创建组件实例

<!-- 布局文件中声明组件 -->
<WebView
	android:id="@+id/wv"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

3.拿着组件实例，我们就可以加载网页啦(网络页面、本地页面)

wv.loadUrl("http://quora.com"); // 加载网络页面

wv.loadUrl("file:///android_asset/index.html"); // 加载assets目录下的本地页面

4.WebView的常用功能集锦(排名不分先后，按需CV)

4.0、加载页面

• 加载指定页面(网络、本地)

  LoadUrl() 
  

• 加载指定数据

  wv.loadData()
  

• 使用BaseUrl加载指定页面

  wv.loadDataWithBaseURL() 
  

• 重新加载页面所有资源

  wv.reload();
  

4.1、网页中需要输入账号密码时获取手势焦点

wv.requestFocusFromTouch();

4.2、通过组件本身打开超链接.不调用第三方浏览器

WebViewClient基本使用：提供网页加载各个阶段的通知

wv.setWebViewClient(new WebViewClient()); // 方法一

ww.setWebViewClient(new WebViewClient() { // 方法二
	public boolean shouldOverrideUrlLoading(WebView view, String url) {
		view.loadUrl(url);
		return true;
	}
}); 

WebViewClient详解

• public boolean shouldOverrideUrlLoading(WebView view, String url)

  告知我们应用程序是否需要接管控制网页加载
  返回true->主程序接管网页加载，false->WebView自己处理.

  注：1.POST请求方式不会回调该方法
    2.当访问地址需自己处理时在该方法中截获

• public void onPageStarted(WebView view, String url, Bitmap favicon)

  浏览器内核加载完成当前页面时回调

• public void onLoadResource(WebView view, String url)

  通知主程序WebView即将加载指定地址的页面

• public void onReceivedError(WebView view, int errorCode, String description, String failingUrl)

  浏览器访问的页面发生错误时回调

• public void onFormResubmission(WebView view, Message dontResend, Message resend)

  浏览器需要重新发送POST请求时回调该方法

• public void doUpdateVisitedHistory(WebView view, String url, boolean isReload)

  通知应用程序可以将当前的url存储在数据库中，意味着当前的访问url已经生效并被记录在内核当中. 这个函数在网页加载过程中只会被调用一次. 注意网页前进后退并不会回调这个函数.

• public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error)

  当网页加载资源过程中发现SSL错误会调用此方法. 我们应用程序必须做出响应，是取消请求handler.cancel()，还是继续请求handler.proceed();内核的默认行为是handler.cancel();

• public void onReceivedHttpAuthRequest(WebView view, HttpAuthHandler handler, String host, String realm)

  通知应用程序WebView接收到了一个Http auth的请求，应用程序可以使用supplied设置webview的响应请求. 默认行为是cancel本次请求

• public boolean shouldOverrideKeyEvent(WebView view, KeyEvent event)

  提供应用程序同步一个处理按键事件的机会，菜单快捷键需要被过滤掉。如果返回true，WebView不处理该事件，如果返回false， WebView会一直处理这个事件，因此在View链上没有一个父类可以响应到这个事件. 默认行为是return false；

• public void onScaleChanged(WebView view, float oldScale, float newScale)

  通知应用程序WebView要被scale. 应用程序可以处理改事件，比如调整适配屏幕

• public void onReceivedLoginRequest(WebView view, String realm, String account, String args)

  通知应用程序有个自动登录的帐号过程

4.3、支持页面中的JavaScript脚本

WebSettings ws = wv.getSettings(); // 先获取Settings对象.后面常用
ws.setJavaScriptEnabled(true);
ws.setJavaScriptCanOpenWindowsAutomatically(true);

4.4、启用缓存、设置缓存模式

ws.setAppCacheEnabled(true); // 启用缓存

ws.setCacheMode(WebSettings.LOAD_DEFAULT); // 默认使用本地未过期的缓存，否则从网络获取

ws.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK); // 优先使用缓存

ws.setCacheMode(WebSettings.LOAD_CACHE_ONLY); // 仅使用缓存

ws.setCacheMode(WebSettings.LOAD_NO_CACHE); // 禁用缓存

4.5、支持拖动放缩页面

ws.setSupportZoom(true);
ws.setBuiltInZoomControls(true);

4.6、打开页面时自适应屏幕大小

ws.setUseWideViewPort(true);
ws.setLoadWithOverviewMode(true);

4.7、支持历史回退.否则返回时会将WebView作为整体finish掉

覆写Activity的onKeyDown()

@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
	if ((keyCode == KeyEvent.KEYCODE_BACK) && wv.canGoBack()) {
		wv.goBack();
        return true;
	}
		return super.onKeyDown(keyCode, event); // 注意：直接返回false会出现问题
    }

4.8、针对网页加载进度进行处理

WebChromeClient：辅助WebView处理js的对话框、网站标题、网站图标、加载进度

wv.setWebChromeClient(new WebChromeClient() {
	@Override
	public void onProgressChanged(WebView view, int newProgress) {
		super.onProgressChanged(view, newProgress);
		if (newProgress == 100) {
			// TODO 网页加载完成时需要进行的处理
		} else {
			// TODO 网页加载过程中需要进行的处理
		}
	}
});

---

WebChromeClient详解

• public void onProgressChanged(WebView view, int newProgress)

  通知应用程序当前网页加载的进度，如上代码

• public void onReceivedTitle(WebView view, String title)

  当document的title变化时，通知主程序

• public void onReceivedIcon(WebView view, Bitmap icon)

  当前页面有个新的favicon时候，回调该函数

• public void onReceivedTouchIconUrl(WebView view, String url, boolean precomposed)

  通知应用程序apple-touch-icon的 url

• public void onShowCustomView(View view, CustomViewCallback callback)

  通知应用程序WebView需要显示一个custom view，主要用在视频全屏H5Video support

• public void onHideCustomView()

  退出视频通知

• public boolean onCreateWindow(WebView view, boolean isDialog, boolean isUserGesture, Message resultMsg)

  请求创建新窗口，如果我们应用程序接管这个请求，必须返回true，并且创建一个新的webview来承载主窗口. 如果应用程序不处理，则需要返回false，默认行为和返回false表现一样.

• public void onCloseWindow(WebView window)

  通知应用程序从关闭传递过来的WebView并从view tree中remove

• public boolean onJsAlert(WebView view, String url, String message, JsResult result)

  通知应用程序显示JS alert对话框，如果应用程序返回true内核认为应用程序处理这个消息，返回false，内核自己处理

• public boolean onJsConfirm(WebView view, String url, String message, JsResult result)

  通知应用程序提供confirm对话框

• public boolean onJsPrompt(WebView view, String url, String message, String defaultValue, JsPromptResult result)

  通知应用程序显示一个prompt对话框

• public boolean onJsBeforeUnload(WebView view, String url, String message, JsResult result)

  通知应用程序显示一个对话框，让用户选择是否离开当前页面，这个回调是javascript中的onbeforeunload事件，如果客户端返回true，内核会认为客户端提供对话框. 默认行为是return false

• public void onExceededDatabaseQuota(String url, String databaseIdentifier, long quota, long estimatedDatabaseSize, long totalQuota, WebStorage.QuotaUpdater quotaUpdater)

  通知应用程序webview内核web sql 数据库超出配额，请求是否扩大数据库磁盘配额。默认行为是不会增加数据库配额

• public void onReachedMaxAppCacheSize(long requiredStorage, long quota, WebStorage.QuotaUpdater quotaUpdater)

  通知应用程序内核已经到达最大的appcache

• public void onGeolocationPermissionsShowPrompt(String origin, GeolocationPermissions.Callback callback)

  当前页面请求是否允许进行定位

4.9、支持内容重新布局

ws.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);

4.10、支持多窗口

ws.supportMultipleWindows(); 

4.11、支持访问文件

ws.setAllowFileAccess(true); 

4.12、支持通过JS打开新窗口

ws.setJavaScriptCanOpenWindowsAutomatically(true);  

4.13、支持自动加载图片

ws.setLoadsImagesAutomatically(true);