Android WebView常見問題及解決方案匯總
2022-06-23 分類： 解決方案
就目前而言，如何應(yīng)對版本的頻繁更新呢，又如何靈活多變地展示我們的界面呢,這又涉及到了web app與native app之間孰優(yōu)孰劣的爭論. 于是乎,一種混合型的app誕生了,靈活多變的部分，如淘寶商城首頁的活動頁面，一集凡客誠品中我們都可以見到web 頁面與native頁面的混合，既利用了web app的靈活易更新，也借助了native app本身的效率.
當(dāng)然，就會用到webview這樣的一個控件，這里，我把自己使用過程中遇到的一些問題整理下來.
首先上張圖對WebView進(jìn)行一個基本的回顧:
以上思維導(dǎo)圖原文件下載地址:
http://download.csdn.net/detail/t12x3456/6509195
然后看一下具體的問題及解決方案:
1.為WebView自定義錯誤顯示界面:
覆寫WebViewClient中的onReceivedError()方法:
- /**
- * 顯示自定義錯誤提示頁面，用一個View覆蓋在WebView
- */
- protected void showErrorPage() {
- LinearLayout webParentView = (LinearLayout)mWebView.getParent();
- initErrorPage();
- while (webParentView.getChildCount() > 1) {
- webParentView.removeViewAt(0);
- }
- LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(LayoutParams.FILL_PARENT,LayoutParams.FILL_PARENT);
- webParentView.addView(mErrorView, 0, lp);
- mIsErrorPage = true;
- }
- protected void hideErrorPage() {
- LinearLayout webParentView = (LinearLayout)mWebView.getParent();
- mIsErrorPage = false;
- while (webParentView.getChildCount() > 1) {
- webParentView.removeViewAt(0);
- }
- }
- protected void initErrorPage() {
- if (mErrorView == null) {
- mErrorView = View.inflate(this, R.layout.online_error, null);
- Button button = (Button)mErrorView.findViewById(R.id.online_error_btn_retry);
- button.setOnClickListener(new OnClickListener() {
- public void onClick(View v) {
- mWebView.reload();
- }
- });
- mErrorView.setOnClickListener(null);
- }
- }
- @Override
- public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) {
-
-
-
- }
2.WebView cookies清理：
- CookieSyncManager.createInstance(this);
- CookieSyncManager.getInstance().startSync();
- CookieManager.getInstance().removeSessionCookie();
3.清理cache 和歷史記錄:
- webView.clearCache(true);
- webView.clearHistory();
4.判斷WebView是否已經(jīng)滾動到頁面底端:
- getScrollY()方法返回的是當(dāng)前可見區(qū)域的頂端距整個頁面頂端的距離,也就是當(dāng)前內(nèi)容滾動的距離.
- getHeight()或者getBottom()方法都返回當(dāng)前WebView 這個容器的高度
- getContentHeight 返回的是整個html 的高度,但并不等同于當(dāng)前整個頁面的高度,因?yàn)閃ebView 有縮放功能, 所以當(dāng)前整個頁面的高度實(shí)際上應(yīng)該是原始html 的高度再乘上縮放比例. 因此,更正后的結(jié)果,準(zhǔn)確的判斷方法應(yīng)該是：
- if(WebView.getContentHeight*WebView.getScale() == (webview.getHeight()+WebView.getScrollY())){ //已經(jīng)處于底端 }
5.URL攔截:
Android WebView是攔截不到頁面內(nèi)的fragment跳轉(zhuǎn)的。但是url跳轉(zhuǎn)的話，又會引起頁面刷新，H5頁面的體驗(yàn)又下降了。只能給WebView注入JS方法了。
6.處理WebView中的非超鏈接請求(如Ajax請求):
有時候需要加上請求頭，但是非超鏈接的請求，沒有辦法再shouldOverrinding中攔截并用webView.loadUrl(String url,HashMap headers)方法添加請求頭
目前用了一個臨時的辦法解決：
首先需要在url中加特殊標(biāo)記/協(xié)議, 如在onWebViewResource方法中攔截對應(yīng)的請求，然后將要添加的請求頭，以get形式拼接到url末尾
在shouldInterceptRequest()方法中,可以攔截到所有的網(wǎng)頁中資源請求，比如加載JS，圖片以及Ajax請求等等
Ex:
- @SuppressLint("NewApi")
- @Override
- public WebResourceResponse shouldInterceptRequest(WebView view,String url) {
- // 非超鏈接(如Ajax)請求無法直接添加請求頭，現(xiàn)拼接到url末尾,這里拼接一個imei作為示例
- String ajaxUrl = url;
- // 如標(biāo)識:req=ajax
- if (url.contains("req=ajax")) {
- ajaxUrl += "&imei=" + imei;
- }
- return super.shouldInterceptRequest(view, ajaxUrl);
- }
7.在頁面中先顯示圖片:
- @Override
- public void onLoadResource(WebView view, String url) {
- mEventListener.onWebViewEvent(CustomWebView.this, OnWebViewEventListener.EVENT_ON_LOAD_RESOURCE, url);
- if (url.indexOf(".jpg") > 0) {
- hideProgress(); //請求圖片時即顯示頁面
- mEventListener.onWebViewEvent(CustomWebView.this, OnWebViewEventListener.EVENT_ON_HIDE_PROGRESS, view.getUrl());
- }
- super.onLoadResource(view, url);
- }
8.屏蔽掉長按事件 因?yàn)閣ebview長按時將會調(diào)用系統(tǒng)的復(fù)制控件:
- mWebView.setOnLongClickListener(new OnLongClickListener() {
- @Override
- public boolean onLongClick(View v) {
- return true;
- }
- });
9.在WebView加入 flash支持:
-
String temp = "
- + "\">
- + "\" height=\"" + "90%" + "\" scale=\"" + "noscale"
- + "\" type=\"" + "application/x-shockwave-flash"
- + "\">
- + "\">