Android WebView自訂錯誤頁面筆記

標籤：

需求：

　　WebView載入H5頁面遇到錯誤時，需要修改系統預設的頁面，採用自己定製的頁面。

解決方案與過程：

1.最開始採用的是webView.loadDataWithBaseUrl載入一段字串：

String data="<a onClick=\"window.history.back()\" >分頁錯誤，點擊重新整理</a>";

mWebView.loadDataWithBaseURL("", data, "text/html", "UTF-8", "");

存在問題：由於Android4.4系統更換了瀏覽器核心（由webkit變為chrome），此時window.history.back()遇到問題（webkit與chrome的back不一致），因此需要修改這種方法。

2.之後嘗試了如下代碼：

String data="<a onClick=\"window.location.replace(\‘"+failingUrl+"\‘)\" >分頁錯誤，點擊重新整理</a>";

mWebView.loadDataWithBaseURL("", data, "text/html", "UTF-8", "");

存在問題：這種方法規避了window.history.back方法，可是在使用者多次點擊“重新整理”後再後退頁面時，會回到錯誤頁面。

3.最終選擇了：

String data="<a href=\"javascript:location.reload()\" >分頁錯誤，點擊重新整理</a>";

webView.loadUrl("javascript:document.body.innerHTML=\"" + sb.toString() + "\"");

使用innerHTML頁面不會發生跳轉，所以直接調用js的reload方法即可，既規避了history.back方法，使用者也不會再次返回到錯誤頁面

Android WebView自訂錯誤頁面筆記