前言
盡管WebView是官方提供的控件，但使用使用起來依然是踩坑無數(shù)，想要獲得一個(gè)較好的用戶體驗(yàn)更是難上加難。接下來將重點(diǎn)說一下，個(gè)人在使用過程中總結(jié)出的一些經(jīng)驗(yàn)和遇到的問題，希望能夠?qū)Υ蠹业拈_發(fā)帶來一些幫助。
基本使用
mWebView.loadUrl(url);
loadUrl() 如果只是單純的想要顯示一個(gè)靜態(tài)網(wǎng)頁的話，這樣加載就足夠了，但往往開發(fā)中，需要許多其他的設(shè)置，這就需要用到WebView 的 WebSettings。
WebSettings webSettings = mWebView.getSettings();
WebSettings 的提供的方法就不一一介紹了，如果想想了解大家可以去這里看看：傳送門
網(wǎng)頁的交互是依賴于 JS 的，通過下面設(shè)置，可以開啟 H5 網(wǎng)頁的交互功能。
webSettings.setJavaScriptEnabled(true);
關(guān)于編譯器會(huì)提示警告的問題，可以加入 @SuppressLint(“SetJavaScriptEnabled”) 來避免編譯器的提示。
- JS 與本地交互
mWebView.addJavascriptInterface(new JavaScriptInterface(this),
"android");
將 對(duì)象注入到WebView 中，WebView 加載的網(wǎng)頁均可調(diào)用該對(duì)象中的方法。"android" 為對(duì)象名。下面看一下對(duì)象的具體實(shí)現(xiàn)。
// 網(wǎng)頁調(diào)動(dòng)js方法
final class JavaScriptInterface {
public JavaScriptInterface() {
}
@JavascriptInterface
public void appRedirect(String url) {
// 具體操作
}
}
Android 從API17之后，提供注解 @JavascriptInterface ，也是為了避免出現(xiàn)安全隱患。
- 本地調(diào)用網(wǎng)頁JS
mWebView.loadUrl("javascript:appPayResultQuery()");
而 appPayResultQuery() 使用網(wǎng)頁提供的JS方法。
基本使用差不多這些就夠了，接下來呢，重點(diǎn)說一下在開發(fā)工程中遇到的一些問題及原因，還有相應(yīng)的解決方案。
使用過程中的問題及解決方案
- WebView 與 H5點(diǎn)擊交互時(shí)，自動(dòng)跳轉(zhuǎn)到瀏覽器加載的問題
WebView默認(rèn)是使用第三方或系統(tǒng)默認(rèn)瀏覽器打開網(wǎng)頁，如果要避免該行為，使網(wǎng)頁用WebView打開，覆蓋該行為即可,如下操作：
mWebView.setWebViewClient(new WebViewClient(){
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
view.loadUrl(url);
return true;
}
});
- 證書引起的相關(guān)問題，例如：WebView 加載網(wǎng)頁存在https協(xié)議時(shí)，證書認(rèn)證失敗。
這里提供一種非常暴力的解決方法，如果WebView對(duì)于加載的網(wǎng)頁的安全要求并不是很高的話，可以使用該方法。
mWebView.setWebViewClient(new WebViewClient() {
@Override
public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) {
handler.proceed();//接受證書
}
});
- 某些網(wǎng)頁在Android 5.0及其以上的版本加載成功，圖片卻無法顯示的問題，遇到這種情況的原因可能有很多，這里說一下我在遇到這種情況時(shí)的原因：該網(wǎng)頁是https協(xié)議，而加載的圖片是 http協(xié)議。解決方法呢，也簡單：
private void setMinedContentMode(){
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
mWebView.getSettings().setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW);
}
}
該方法的解釋是：
當(dāng)一個(gè)安全的來源（origin）試圖從一個(gè)不安全的來源加載資源時(shí)配置WebView的行為。默認(rèn)情況下，KITKAT及更低版本默認(rèn)值為MIXED_CONTENT_ALWAYS_ALLOW，LOLLIPOP版本默認(rèn)值MIXED_CONTENT_NEVER_ALLOW，WebView首選的最安全的操作模式為MIXED_CONTENT_NEVER_ALLOW ，不鼓勵(lì)使用MIXED_CONTENT_ALWAYS_ALLOW。
- WebView 返回上一頁失敗，可能是當(dāng)前頁面是由重定向過來的，當(dāng)返回到上一頁時(shí)，又會(huì)重新重定向跳轉(zhuǎn)到該頁。如何解決呢？實(shí)際上我們可以通過調(diào)用JS來解決。
webview.loadUrl("javascript:window.history.back();");
- WebView 播放視頻的問題，當(dāng)你播放了視頻之后，返回上一界面，或者跳轉(zhuǎn)到其他頁面，你會(huì)發(fā)現(xiàn)，播放的視頻聲音還在播放。
原因就是 WebView threads never stop!
解決方法也很簡單，在相應(yīng)的生命周期中，對(duì) WebView 進(jìn)行相關(guān)的處理。由于WebView 本身占用著很多資源，當(dāng)它離開屏幕的時(shí)候，也應(yīng)該釋放其占有的 CPU ,網(wǎng)絡(luò)資源。
private void destroyWebView() {
//
if (mWebView != null) {
mWebView.removeAllViews();
mWebView.destroy();
mWebView = null;
}
}
private void pauseWebView() {
//
if (mWebView == null) {
return;
}
mWebView.onPause();
}
private void resumeWebView() {
//
if (mWebView == null) {
return;
}
mWebView.onResume();
}
WebView 也提供了相應(yīng)的方法，我們只需要在相應(yīng)的生命周期中調(diào)用即可。
總結(jié)
關(guān)于WebView的使用就說這么多，關(guān)于其他的拓展就留給大家去解決吧。如果有什么不對(duì)的地方請(qǐng)大家指出，或者有更好地解決方法，也請(qǐng)留言討論吧。
