Android WebView 常見問題,androidwebview

來源:互聯網
上載者:User

Android WebView 常見問題,androidwebview
1.為WebView自訂錯誤顯示介面:

     /**    * 顯示自訂錯誤提示頁面,用一個View覆蓋在WebView    */    protected void showErrorPage() {    LinearLayout webParentView = (LinearLayout)mWebView.getParent();        initErrorPage();    while (webParentView.getChildCount() > ) {    webParentView.removeViewAt( );    }    LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(LayoutParams.FILL_PARENT,LayoutParams.FILL_PARENT);    webParentView.addView(mErrorView, , lp);    mIsErrorPage = true ;    }    protected void hideErrorPage() {    LinearLayout webParentView = (LinearLayout)mWebView.getParent();        mIsErrorPage = false ;    while (webParentView.getChildCount() > ) {    webParentView.removeViewAt( );    }    }    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 );    }    }
2.WebView cookies清理:

    CookieSyncManager.createInstance( this );
    CookieSyncManager.getInstance().startSync();
    CookieManager.getInstance().removeSessionCookie();

3. 清理cache 和記錄:


    webView.clearCache( true );
    webView.clearHistory();

4.判斷WebView是否已經滾動到頁面底端:


    getScrollY()方法返回的是當前可見地區的頂端距整個頁面頂端的距離,也就是當前內容滾動的距離.
    getHeight()或者getBottom()方法都返回當前WebView 這個容器的高度
    getContentHeight 返回的是整個html 的高度,但並不等同於當前整個頁面的高度,因為WebView 有縮放功能, 所以當前整個頁面的高度實際上應該是原始html 的高度再乘上縮放比例. 因此,更正後的結果,準確的判斷方法應該是:
    if (WebView.getContentHeight*WebView.getScale() == (webview.getHeight()+WebView.getScrollY())){ //已經處於底端 }

5. URL攔截:

Android WebView是攔截不到頁面內的fragment跳轉的。但是url跳轉的話,又會引起頁面重新整理,H5頁面的體驗又下降了。只能給WebView注入JS方法了。

6. 處理WebView中的非超連結請求(如Ajax請求):


有時候需要加上要求標頭,但是非超連結的請求,沒有辦法再shouldOverrinding中攔截並用webView.loadUrl(String url,HashMap headers)方法添加要求標頭

目前用了一個臨時的辦法解決:

首先需要在url中加特殊標記/協議, 如在onWebViewResource方法中攔截對應的請求,然後將要添加的要求標頭,以get形式拼接到url末尾

在shouldInterceptRequest()方法中,可以攔截到所有的網頁中資源請求,比如載入JS,圖片以及Ajax請求等等

Ex:
    @SuppressLint ( "NewApi" )
    @Override
    public WebResourceResponse shouldInterceptRequest(WebView view,String url) {
    // 非超連結(如Ajax)請求無法直接添加要求標頭,現拼接到url末尾,這裡拼接一個imei作為樣本
    String ajaxUrl = url;
    // 如標識: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" ) > ) {
    hideProgress(); //請求圖片時即顯示頁面
    mEventListener.onWebViewEvent(CustomWebView. this , OnWebViewEventListener.EVENT_ON_HIDE_PROGRESS, view.getUrl());
    }
    super .onLoadResource(view, url);
    }

8. 屏蔽掉長按事件 因為webview長按時將會調用系統的複製控制項:


    mWebView.setOnLongClickListener( new OnLongClickListener() {
    
    @Override
    public boolean onLongClick(View v) {
    return true ;
    }
    });

9. 在WebView加入 flash支援:


    String temp = "<html><body bgcolor=/"" + "black"
    + "/"> <br/><embed src=/"" + url + "/" width=/"" + "100%"
    + "/" height=/"" + "90%" + "/" scale=/"" + "noscale"
    + "/" type=/"" + "application/x-shockwave-flash"
    + "/"> </embed></body></html>" ;
    String mimeType = "text/html" ;
    String encoding = "utf-8" ;
    web.loadDataWithBaseURL( "null" , temp, mimeType, encoding, "" );

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.