av激情亚洲男人的天堂国语,日韩欧美精品一中文字幕,无码av一区二区三区无码,国产又色又爽又刺激的a片,国产又色又爽又刺激的a片

WebView想說愛你不容易啊

[[189802]]

為什么要使用WebView

隨著app業(yè)務的不斷深入發(fā)展，只靠著原生代碼來堆砌功能是不現(xiàn)實，畢竟開發(fā)的時長會增加，而且同時需要開發(fā)iOS和Android兩套，并且，如果在UI上改變了一丁點，都需要提包(雖然Android現(xiàn)在可以進行熱更新，但是熱更新不是100%能生效的，其中的原理只要了解過的人都會知道的)，最終我們會選擇使用原生嵌套H5的方式進行開發(fā)，這樣，既可以隨時更改UI，也可以***制的進行功能擴展，然后，我們就要使用到Android的WebView了，這個讓我們痛并快樂著的控件。

現(xiàn)在的手機高度定制，多多少少都會對系統(tǒng)原生的代碼進行了修改和添加的，不同的手機的WebView呈現(xiàn)出來的效果也是不同的，可以說是五彩繽紛了，所以我懂Android開發(fā)者的痛苦。接下來我就具體去講解我在項目中使用WebView的經(jīng)驗，不喜勿噴哈。

使用

一開始相信大家都是直接在布局文件中添加WebView控件，當然我一開始也是這樣做的，就是為了簡單，而且也不知道這樣會出現(xiàn)什么問題。

 
 
 
    
  
  
  
  1.   
  
  
  2.  
    3.   
  
  
  3.     android:id="@+id/web_view"     
    4.   
  
  
  4.  
    5.   
  
  
  5.     android:layout_width="match_parent"     
    6.   
  
  
  6.  
    7.   
  
  
  7.     android:layout_height="match_parent"/>  
    8.

直接就這樣添加了一個WebView，發(fā)現(xiàn)也沒什么問題啊，一樣可以顯示，什么都是正常的啊。在重復打開有WebView的頁面時，你會發(fā)現(xiàn)，應用的內(nèi)存會不斷升高，銷毀了之后也不會降下來，點擊GC也降不下來，這樣就出現(xiàn)了內(nèi)存泄漏了，這時你就會發(fā)現(xiàn)，這樣使用WebView是不正確的，那么***方式是如何使用呢?

那就是在代碼中動態(tài)添加。

首先在布局文件中聲明一個parent布局

 
 
 
    
  
  
  
  1.   
  
  
  2.  
    3.   
  
  
  3. android:id="@+id/web_view" 
    4.   
  
  
  4.  
    5.   
  
  
  5. android:layout_width="match_parent" 
    6.   
  
  
  6.  
    7.   
  
  
  7. android:layout_height="wrap_content" 
    8.   
  
  
  8.  
    9.   
  
  
  9. android:orientation="horizontal" 
    10.   
  
  
  10.  
    11.   
  
  
  11. android:scrollbars="none" />  
    12.

然后在代碼中，把WebView當做其子View添加進去

 
 
 
    
  
  
  
  1. WebView webView = new WebView(context); 
    2.   
  
  
  2.  
    3.   
  
  
  3. webViewLayout.addView(webView);  
    4.

網(wǎng)上很多人說這個context應該用application的，我覺得是不對的，如果你的WebView需要彈出一個dialog呢?還有其他的不可預估的問題的，***還是用當前的activity的Context是最合適的。

上面說的是如何把WebView添加進來進行使用，然后到底它有哪些屬性是我們在開發(fā)中需要使用到的呢?

 
 
 
    
  
  
  
  1. webView.loadUrl("www.baidu.com");//WebView加載的網(wǎng)頁使用loadUrl 
    2.   
  
  
  2.  
    3.   
  
  
  3. WebSettings webSettings = webView.getSettings();//獲得WebView的設置 
    4.   
  
  
  4.  
    5.   
  
  
  5. webSettings.setUseWideViewPort(true);// 設置此屬性，可任意比例縮放 
    6.   
  
  
  6.  
    7.   
  
  
  7. webSettings.setLoadWithOverviewMode(true);//適配 
    8.   
  
  
  8.  
    9.   
  
  
  9. webSettings.setJavaScriptEnabled(true);  //支持js 
    10.   
  
  
  10.  
    11.   
  
  
  11. webSettings.setCacheMode(WebSettings.LOAD_DEFAULT);  //設置 緩存模式 
    12.   
  
  
  12.  
    13.   
  
  
  13. webSettings.setDomStorageEnabled(true);// 開啟 DOM storage API 功能 
    14.   
  
  
  14.  
    15.   
  
  
  15. webSettings.setDatabaseEnabled(true);//開啟 database storage API 功能 
    16.   
  
  
  16.  
    17.   
  
  
  17. webSettings.setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW);//HTTPS，注意這個是在LOLLIPOP以上才調(diào)用的 
    18.   
  
  
  18.  
    19.   
  
  
  19. webSettings.setAppCacheEnabled(true);//開啟 Application Caches 功能 
    20.   
  
  
  20.  
    21.   
  
  
  21. webSettings.setBlockNetworkImage(true);//關閉加載網(wǎng)絡圖片，在一開始加載的時候可以設置為true，當加載完網(wǎng)頁的時候再設置為false  
    22.

上面是使用WebView中最基礎的設置，相信在開發(fā)過程中都會進行如上的設置的。

 
 
 
    
  
  
  
  1. webView.setWebChromeClient(new WebChromeClient() {     
    2.   
  
  
  2.  
    3.   
  
  
  3.      @Override    
    4.   
  
  
  4.  
    5.   
  
  
  5.      public void onProgressChanged(WebView view, int newProgress) { 
    6.   
  
  
  6.  
    7.   
  
  
  7.          //加載的進度 
    8.   
  
  
  8.  
    9.   
  
  
  9.      } 
    10.   
  
  
  10.  
    11.   
  
  
  11.      @Override 
    12.   
  
  
  12.  
    13.   
  
  
  13.      public void onReceivedTitle(WebView view, String title) {    
    14.   
  
  
  14.  
    15.   
  
  
  15.          //獲取WebView的標題 
    16.   
  
  
  16.  
    17.   
  
  
  17.      } 
    18.   
  
  
  18.  
    19.   
  
  
  19.     @Override 
    20.   
  
  
  20.  
    21.   
  
  
  21.     public boolean onJsAlert(WebView view, String url, String message, final JsResult result) {     
    22.   
  
  
  22.  
    23.   
  
  
  23.         return super.onJsAlert(view, url, message, result); 
    24.   
  
  
  24.  
    25.   
  
  
  25.         //Js 彈框 
    26.   
  
  
  26.  
    27.   
  
  
  27.     } 
    28.   
  
  
  28.  
    29.   
  
  
  29.     @Override 
    30.   
  
  
  30.  
    31.   
  
  
  31.     public boolean onJsConfirm(WebView view, String url, String message, final JsResult result) {    
    32.   
  
  
  32.  
    33.   
  
  
  33.         AlertDialog.Builder b = new AlertDialog.Builder(IllegalQueryActivity.this);     
    34.   
  
  
  34.  
    35.   
  
  
  35.         b.setTitle("刪除");     
    36.   
  
  
  36.  
    37.   
  
  
  37.         b.setMessage(message);     
    38.   
  
  
  38.  
    39.   
  
  
  39.         b.setPositiveButton(android.R.string.ok, new DialogInterface.OnClickListener() {         
    40.   
  
  
  40.  
    41.   
  
  
  41.             @Override         
    42.   
  
  
  42.  
    43.   
  
  
  43.             public void onClick(DialogInterface dialog, int which) {             
    44.   
  
  
  44.  
    45.   
  
  
  45.                 result.confirm();         
    46.   
  
  
  46.  
    47.   
  
  
  47.             }     
    48.   
  
  
  48.  
    49.   
  
  
  49.         });     
    50.   
  
  
  50.  
    51.   
  
  
  51.         b.setNegativeButton(android.R.string.cancel, new DialogInterface.OnClickListener() {         
    52.   
  
  
  52.  
    53.   
  
  
  53.             @Override         
    54.   
  
  
  54.  
    55.   
  
  
  55.             public void onClick(DialogInterface dialog, int which) {             
    56.   
  
  
  56.  
    57.   
  
  
  57.                 result.cancel();         
    58.   
  
  
  58.  
    59.   
  
  
  59.             }     
    60.   
  
  
  60.  
    61.   
  
  
  61.         });     
    62.   
  
  
  62.  
    63.   
  
  
  63.         b.create().show();     
    64.   
  
  
  64.  
    65.   
  
  
  65.         return true; 
    66.   
  
  
  66.  
    67.   
  
  
  67.     } 
    68.   
  
  
  68.  
    69.   
  
  
  69. }); 
    70.   
  
  
  70.  
    71.   
  
  
  71. webView.setWebViewClient(new WebViewClient() {     
    72.   
  
  
  72.  
    73.   
  
  
  73.     @Override     
    74.   
  
  
  74.  
    75.   
  
  
  75.     public boolean shouldOverrideUrlLoading(WebView view, String url) {         
    76.   
  
  
  76.  
    77.   
  
  
  77.        //需要設置在當前WebView中顯示網(wǎng)頁，才不會跳到默認的瀏覽器進行顯示 
    78.   
  
  
  78.  
    79.   
  
  
  79.        return true;    
    80.   
  
  
  80.  
    81.   
  
  
  81.     }     
    82.   
  
  
  82.  
    83.   
  
  
  83.     @Override     
    84.   
  
  
  84.  
    85.   
  
  
  85.     public void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error) { 
    86.   
  
  
  86.  
    87.   
  
  
  87.         super.onReceivedError(view, request, error); 
    88.   
  
  
  88.  
    89.   
  
  
  89.         //加載出錯了 
    90.   
  
  
  90.  
    91.   
  
  
  91.     }    
    92.   
  
  
  92.  
    93.   
  
  
  93.     @Override     
    94.   
  
  
  94.  
    95.   
  
  
  95.     public void onPageFinished(WebView view, String url) {         
    96.   
  
  
  96.  
    97.   
  
  
  97.         super.onPageFinished(view, url); 
    98.   
  
  
  98.  
    99.   
  
  
  99.         //加載完成 
    100.   
  
  
  100.  
    101.   
  
  
  101.     } 
    102.   
  
  
  102.  
    103.   
  
  
  103. }); 
    104.   
  
  
  104.  
    105.   
  
  
  105. webView.setDownloadListener(new DownLoadListener());//下載監(jiān)聽 
    106.   
  
  
  106.  
    107.   
  
  
  107. private class DownLoadListener implements DownloadListener {    
    108.   
  
  
  108.  
    109.   
  
  
  109.     @Override    
    110.   
  
  
  110.  
    111.   
  
  
  111.     public void onDownloadStart(String url, String userAgent, String contentDisposition, String mimetype, long contentLength) {       
    112.   
  
  
  112.  
    113.   
  
  
  113.     } 
    114.   
  
  
  114.  
    115.   
  
  
  115. }  
    116.

然后就是WebView跟JS的交互了

 
 
 
    
  
  
  
  1. webView.addJavascriptInterface(new WebAppInterface(this), "WebJs"); 
    2.   
  
  
  2.  
    3.   
  
  
  3. public class WebAppInterface {  
    4.   
  
  
  4.  
    5.   
  
  
  5.     Context mContext;     
    6.   
  
  
  6.  
    7.   
  
  
  7.     public WebAppInterface(Context c) {         
    8.   
  
  
  8.  
    9.   
  
  
  9.         mContext = c;     
    10.   
  
  
  10.  
    11.   
  
  
  11.     }     
    12.   
  
  
  12.  
    13.   
  
  
  13.     @JavascriptInterface     
    14.   
  
  
  14.  
    15.   
  
  
  15.     public void method() { 
    16.   
  
  
  16.  
    17.   
  
  
  17.     } 
    18.   
  
  
  18.  
    19.   
  
  
  19. } 
    20.   
  
  
  20.  
    21.   
  
  
  21. webView.loadUrl("javascript:jsMethod()");//這是WebView最簡單的調(diào)用JS的方法  
    22.

當activity執(zhí)行生命周期的時候，這里需要注意的是在onDestroy的時候，需要銷毀WebView，不然也會出現(xiàn)內(nèi)存泄漏的。

 
 
 
    
  
  
  
  1. @Overrideprotected void onPause() {     
    2.   
  
  
  2.  
    3.   
  
  
  3.     super.onPause();     
    4.   
  
  
  4.  
    5.   
  
  
  5.     if (webView != null) {         
    6.   
  
  
  6.  
    7.   
  
  
  7.         webView.onPause();     
    8.   
  
  
  8.  
    9.   
  
  
  9.     } 
    10.   
  
  
  10.  
    11.   
  
  
  11. } 
    12.   
  
  
  12.  
    13.   
  
  
  13. @Override 
    14.   
  
  
  14.  
    15.   
  
  
  15. protected void onResume() {     
    16.   
  
  
  16.  
    17.   
  
  
  17.     super.onResume();     
    18.   
  
  
  18.  
    19.   
  
  
  19.     if (webView != null) {         
    20.   
  
  
  20.  
    21.   
  
  
  21.         webView.onResume();     
    22.   
  
  
  22.  
    23.   
  
  
  23.     } 
    24.   
  
  
  24.  
    25.   
  
  
  25. } 
    26.   
  
  
  26.  
    27.   
  
  
  27. @Override 
    28.   
  
  
  28.  
    29.   
  
  
  29. protected void onDestroy() {         
    30.   
  
  
  30.  
    31.   
  
  
  31.     if (webView != null) {         
    32.   
  
  
  32.  
    33.   
  
  
  33.         webView.clearCache(true); //清空緩存    
    34.   
  
  
  34.  
    35.   
  
  
  35.         if (android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.LOLLIPOP) {             
    36.   
  
  
  36.  
    37.   
  
  
  37.             if (webViewLayout != null) {                 
    38.   
  
  
  38.  
    39.   
  
  
  39.                 webViewLayout.removeView(webView);             
    40.   
  
  
  40.  
    41.   
  
  
  41.             }             
    42.   
  
  
  42.  
    43.   
  
  
  43.         webView.removeAllViews();             
    44.   
  
  
  44.  
    45.   
  
  
  45.         webView.destroy();         
    46.   
  
  
  46.  
    47.   
  
  
  47.     }else {             
    48.   
  
  
  48.  
    49.   
  
  
  49.         webView.removeAllViews();             
    50.   
  
  
  50.  
    51.   
  
  
  51.         webView.destroy();             
    52.   
  
  
  52.  
    53.   
  
  
  53.         if (webViewLayout != null) {                 
    54.   
  
  
  54.  
    55.   
  
  
  55.             webViewLayout.removeView(webView);            
    56.   
  
  
  56.  
    57.   
  
  
  57.         }         
    58.   
  
  
  58.  
    59.   
  
  
  59.      }   
    60.   
  
  
  60.  
    61.   
  
  
  61.      webView = null;     
    62.   
  
  
  62.  
    63.   
  
  
  63.   }    
    64.   
  
  
  64.  
    65.   
  
  
  65. }  
    66.

可以看到上面的onDestroy方法中對系統(tǒng)的版本進行了判斷，那是因為我在不同的版本中進行了測試，如果低于5.0版本的WebView中，如果先在parent中remove了WebView，那WebView將無法進行destroy了，這樣就會造成內(nèi)存的泄漏，下來你們可以自己去嘗試一下這個說法是不是正確的。

現(xiàn)在還遇到的一個問題就是，當WebView嵌套在ScrollView中時，某些機型會出現(xiàn)閃屏的問題，單獨WebView的時候是不會出現(xiàn)的，把硬件加速關閉了之后，對用戶的體驗又不好，所以暫時還未想到比較好的解決方案，所以還是建議不要在ScrollView中嵌套WebView這樣的控件。 


文章題目：WebView想說愛你不容易啊
本文路徑：http://uogjgqi.cn/article/djccsdg.html
掃二維碼與項目經(jīng)理溝通

我們在微信上24小時期待你的聲音

解答本文疑問/技術咨詢/運營咨詢/技術建議/互聯(lián)網(wǎng)交流