Android 网页展示之WebView

使用场景

在应用的开发过程中,经常遇到需要经常变化的页面,一般针对这种页面,我们会用WebView来实现.如隐私条款等等.

注意事项

为了我们的WebView能够支持Js ,需要设置

webview.getSettings().setJavaScriptEnabled(true);

loadData使用

#、%、\、?

四种字符易出现问题.

%：会报找不到页面错误，页面全是乱码。乱码样式见符件。

#：会让你的goBack失效，但canGoBAck是可以使用的。于是就会产生返回按钮生效，但不能返回的情况。

\ ：会被当做转义字符.

如果出现乱码问题,encoding参数传”utf-8”即可.

mimeType,指定mineType类型,如”text/html; charset=utf-8”

loadDataWithBaseURL

WebView加载页面的方式

public void loadDataWithBaseURL(String baseUrl, String data,
String mimeType, String encoding, String failUrl) {
}
public void loadData(String data, String mimeType, String encoding) {
}
public void loadUrl(String url) {
}
public void loadUrl(String url,Map<Stirng,String> extraHeaders) {
}

loadDataWithBaseURL()：可以指定相对根路径，也可以指定历史Url。

baseUrl：相对根路径，常见于WebView中的超链接或者是image元素，如使用绝对路径传”“即可。

ps: 我们的data格式:

String body ="示例：这里有个img标签，地址是相对路径<img src='/uploads/allimg/130923/1FP02V7-0.png' />";

如果baseUrl没有指定为网站域名，那么这张图片将显示不出来。

常用属性

通过mWebView.getSettings()拿到WebView的设置.

mWebView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);//支持通过JS打开新窗口
mWebView.getSettings().setSupportZoom(true);//设置是否支持缩放
mWebView.getSettings().setBuiltInZoomControls(true);//设置是否显示缩放工具
webview.getSettings().setDisplayZoomControls(false);//设定缩放控件隐藏
/**http://stackoverflow.com/questions/5448841/what-do-setusewideviewport-and-setloadwithoverviewmode-precisely-do*/
webview.getSettings().setLoadWithOverviewMode(true);// loads the WebView completely zoomed out
webview.getSettings().setUseWideViewPort(true); //makes the Webview have a normal viewport (such as a normal desktop browser), while when false the webview will have a viewport constrained to its own dimensions (so if the webview is 50px*50px the viewport will be the same size)
webview.getSettings().setAllowFileAccess(true); // 允许访问文件

mWebView.getSettings().setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);//一般很少会用到这个，用WebView组件显示普通网页时一般会出现横向滚动条，这样会导致页面查看起来非常不方便。//LayoutAlgorithm是一个枚举，用来控制html的布局，总共有三种类型：//NORMAL：正常显示，没有渲染变化。//SINGLE_COLUMN：把所有内容放到WebView组件等宽的一列中。//NARROW_COLUMNS：可能的话，使所有列的宽度不超过屏幕宽度。
mWebView.getSettings().setDefaultFontSize(18);//设置默认的字体大小，默认为16，有效值区间在1-72之间。

//若要考虑兼容3.0以下版本则：
/**http://jingyan.baidu.com/article/48b37f8d0b918e1a646488ec.html*/
if(android.os.Build.VERSION.SDK_INT>=11){

this.getSettings().setDisplayZoomControls(false);

}else{

this.setZoomControlHide(this);

}

//Android 3.0(11) 以下使用以下方法:

//利用java的反射机制

public void setZoomControlHide(View view) {

try {

Class webview = Class.forName("android.webkit.WebView");

Method method = webview.getMethod("getZoomButtonsController");

zoomController = (ZoomButtonsController) method.invoke(this, null);

} catch (Exception e) {

e.printStackTrace();

}

}　　

更多设置参考:www.cnblogs.com/zgz345/p/3768174.html

WebView 链接在WebView内部打开,而非调用系统浏览器的方法.

重写shouldOverrideUrlLoading,并且return true;

WebViewClient与WebChromeClient

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

onLoadResource
onPageStart
onPageFinish
onReceiveError
onReceivedHttpAuthRequest

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

onCloseWindow//关闭WebView
onCreateWindow()
onJsAlert //WebView上alert无效，需要定制WebChromeClient处理弹出
onJsPrompt
onJsConfirm
onProgressChanged
onReceivedIcon
onReceivedTitle//获取title

如果你的WebView只是用来处理一些html的页面内容，只用WebViewClient就行了，如果需要更丰富的处理效果，比如JS、进度条等，就要用到WebChromeClient

onPageFinished:

onReceivedTitle()方法在goback()之后无效。

这时,我们可以使用

onPageFinished(WebView view, String url)

方法来实现返回及时刷新标题

WebView mWebView = (WebView) findViewById(R.id.mwebview);
mWebView.setWebViewClient(new WebViewClient() {
@Override
public void onPageFinished(WebView view, String url) {
setTitle(view.getTitle());
}
});

处理https请求

android 默认是不处理https请求的，请求https会显示空白。

webView.setWebViewClient(new WebViewClient() {

@Override
public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) {
handler.proceed();
//default
//            handler.cancel();
//            handler.handleMessage(null);
}
});

cookies 和历史纪录

//cookies清理
CookieSyncManager.createInstance(this);
CookieSyncManager.getInstance().startSync();
CookieManager.getInstance().removeSessionCookie();

//清理cache 和历史记录
webView.clearCache(true);
webView.clearHistory();

参考:泡在网上的日子

Android WebView中获取网页的title （包括调用goback)