Android的WebView的使用及JS調(diào)用

weapon 發(fā)布于2019-08-21 11:34 / 3502人閱讀

摘要：不使用緩存，只從網(wǎng)絡(luò)獲取數(shù)據(jù)，只要本地有，無(wú)論是否過(guò)期，或者，都使用緩存中的數(shù)據(jù)。這個(gè)方法，就是界面的加載開(kāi)始，可以在這里設(shè)置一個(gè)加載的引導(dǎo)動(dòng)畫(huà)，使得客戶(hù)體驗(yàn)更好在頁(yè)面加載結(jié)束時(shí)調(diào)用。銷(xiāo)毀，關(guān)閉了時(shí)，音樂(lè)或視頻，還在播放。

如果本文幫助到你，本人不勝榮幸，如果浪費(fèi)了你的時(shí)間，本人深感抱歉，希望能對(duì)您所有幫助！

隨著H5的應(yīng)用越來(lái)越潮流，與原生交互必然也是一種趨勢(shì)，然后自己從中學(xué)點(diǎn)皮毛，再次總結(jié)了一點(diǎn)心得。

學(xué)習(xí)一個(gè)新的首先要懂得其Api里面的方法，接下來(lái)淺談一下；

加載網(wǎng)頁(yè)：

加載一個(gè)網(wǎng)頁(yè)： 
webView.loadUrl(“http://www.google.com/“);
加載apk包中的一個(gè)html頁(yè)面 
webView.loadUrl(“file:///android_asset/test.html”);
加載手機(jī)本地的一個(gè)html頁(yè)面的方法： 
webView.loadUrl(“content://com.android.htmlfileprovider/sdcard/test.html”);

WebSettings:

WebSettings webSettings = mWebView .getSettings();

//支持獲取手勢(shì)焦點(diǎn)，輸入用戶(hù)名、密碼或其他
webview.requestFocusFromTouch();

setJavaScriptEnabled(true);  //支持js
setPluginsEnabled(true);  //支持插件

webSettings.setRenderPriority(RenderPriority.HIGH);  //提高渲染的優(yōu)先級(jí)

設(shè)置自適應(yīng)屏幕，兩者合用
setUseWideViewPort(true);  //將圖片調(diào)整到適合webview的大小
setLoadWithOverviewMode(true); // 縮放至屏幕的大小

setSupportZoom(true);  //支持縮放，默認(rèn)為true。是下面那個(gè)的前提。
setBuiltInZoomControls(true); //設(shè)置內(nèi)置的縮放控件。
//若上面是false，則該WebView不可縮放，這個(gè)不管設(shè)置什么都不能縮放。

setDisplayZoomControls(false); //隱藏原生的縮放控件

 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
            // 不然5.0以后http和https混合的頁(yè)面會(huì)加載不出來(lái)
            settings.setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW);
        }

setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN); //支持內(nèi)容重新布局
supportMultipleWindows();  //多窗口
setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);  //關(guān)閉webview中緩存
setAllowFileAccess(true);  //設(shè)置可以訪問(wèn)文件
setNeedInitialFocus(true); //當(dāng)webview調(diào)用requestFocus時(shí)為webview設(shè)置節(jié)點(diǎn)
setJavaScriptCanOpenWindowsAutomatically(true); //支持通過(guò)JS打開(kāi)新窗口
setLoadsImagesAutomatically(true);  //支持自動(dòng)加載圖片
setDefaultTextEncodingName("utf-8");//設(shè)置編碼格式

5.0以后http和https混合的頁(yè)面會(huì)加載不出來(lái)

參數(shù)類(lèi)型說(shuō)明：
MIXED_CONTENT_ALWAYS_ALLOW：允許從任何來(lái)源加載內(nèi)容，即使起源是不安全的；
MIXED_CONTENT_NEVER_ALLOW：不允許Https加載Http的內(nèi)容，即不允許從安全的起源去加載一個(gè)不安全的資源；
MIXED_CONTENT_COMPATIBILITY_MODE：當(dāng)涉及到混合式內(nèi)容時(shí)，WebView 會(huì)嘗試去兼容最新Web瀏覽器的風(fēng)格。

在5.0以下 Android 默認(rèn)是全允許，
但是到了5.0以上，就是不允許，實(shí)際情況下很我們很難確定所有的網(wǎng)頁(yè)都是https的，所以就需要這一步的操作。

關(guān)于緩存

緩存模式

LOAD_CACHE_ONLY: 不使用網(wǎng)絡(luò)，只讀取本地緩存數(shù)據(jù) 
LOAD_DEFAULT: （默認(rèn)）根據(jù)cache-control決定是否從網(wǎng)絡(luò)上取數(shù)據(jù)。 
LOAD_NO_CACHE: 不使用緩存，只從網(wǎng)絡(luò)獲取數(shù)據(jù). 
LOAD_CACHE_ELSE_NETWORK，只要本地有，無(wú)論是否過(guò)期，或者no-cache，都使用緩存中的數(shù)據(jù)。

結(jié)合使用（離線加載）：

if (NetStatusUtil.isConnected(getApplicationContext())) {
    webSettings.setCacheMode(WebSettings.LOAD_DEFAULT);//根據(jù)cache-control決定是否從網(wǎng)絡(luò)上取數(shù)據(jù)。
} else {
    webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);//沒(méi)網(wǎng)，則從本地獲取，即離線加載
}

webSettings.setDomStorageEnabled(true); // 開(kāi)啟 DOM storage API 功能
webSettings.setDatabaseEnabled(true);   //開(kāi)啟 database storage API 功能
webSettings.setAppCacheEnabled(true);//開(kāi)啟 Application Caches 功能

String cacheDirPath = getFilesDir().getAbsolutePath() + APP_CACAHE_DIRNAME;
webSettings.setAppCachePath(cacheDirPath); //設(shè)置  Application Caches 緩存目錄

注意：每個(gè) Application 只調(diào)用一次WebSettings.setAppCachePath()，WebSettings.setAppCacheMaxSize()

WebViewClient：

WebViewClient就是幫助WebView處理各種通知、請(qǐng)求事件的。
打開(kāi)網(wǎng)頁(yè)時(shí)不調(diào)用系統(tǒng)瀏覽器，而是在本W(wǎng)ebView中顯示：

 mWebView.setWebViewClient(new WebViewClient(){
      @Override
      public boolean shouldOverrideUrlLoading(WebView view, String url) {
          view.loadUrl(url);
      return true;
      }
  });

WebViewClient方法:

WebViewClient mWebViewClient = new WebViewClient()
{
    shouldOverrideUrlLoading(WebView view, String url)
    //所有的網(wǎng)頁(yè)加載都通過(guò)此方法，此處可以進(jìn)行重加載的工作，可以處理許多邏輯
    //比如獲取url，查看url.contains(“add”)，進(jìn)行添加操作

    shouldOverrideKeyEvent(WebView view, KeyEvent event)
    //重寫(xiě)此方法才能夠處理在瀏覽器中的按鍵事件。

    onPageStarted(WebView view, String url, Bitmap favicon)
    //這個(gè)方法，就是界面的加載開(kāi)始，可以在這里設(shè)置一個(gè)加載的引導(dǎo)動(dòng)畫(huà)，使得客戶(hù)體驗(yàn)更好

    onPageFinished(WebView view, String url)
    //在頁(yè)面加載結(jié)束時(shí)調(diào)用。同樣道理，我們可以關(guān)閉loading 條，切換程序動(dòng)作。

    onLoadResource(WebView view, String url)
    // 在加載頁(yè)面資源時(shí)會(huì)調(diào)用，每一個(gè)資源（比如圖片）的加載都會(huì)調(diào)用一次。

    shouldInterceptRequest(WebView view, String url)
    // 攔截替換網(wǎng)絡(luò)請(qǐng)求數(shù)據(jù),  API 11開(kāi)始引入，API 21棄用
    shouldInterceptRequest (WebView view, WebResourceRequest request)
    // 攔截替換網(wǎng)絡(luò)請(qǐng)求數(shù)據(jù),  從API 21開(kāi)始引入

    onReceivedError(WebView view, int errorCode, String description, String failingUrl)
    // (報(bào)告錯(cuò)誤信息)；此處加代碼一下代碼，可以去除默認(rèn)頁(yè)面，然后顯示一個(gè)自己定義的加載錯(cuò)誤的頁(yè)面
    //用javascript隱藏系統(tǒng)定義的404頁(yè)面信息
            String data = "";
        view.loadUrl("javascript:document.body.innerHTML="" + data + """);
        //

    doUpdateVisitedHistory(WebView view, String url, boolean isReload)
    //(更新歷史記錄)

    onFormResubmission(WebView view, Message dontResend, Message resend)
    //(應(yīng)用程序重新請(qǐng)求網(wǎng)頁(yè)數(shù)據(jù))

    onReceivedHttpAuthRequest(WebView view, HttpAuthHandler handler, String host,String realm)
    //（獲取返回信息授權(quán)請(qǐng)求）

    onReceivedSslError(WebView view, SslErrorHandler handler, SslError error)
    //重寫(xiě)此方法可以讓webview處理https請(qǐng)求。

    onScaleChanged(WebView view, float oldScale, float newScale)
    // (WebView發(fā)生改變時(shí)調(diào)用)

    onUnhandledKeyEvent(WebView view, KeyEvent event)
    //（Key事件未被加載時(shí)調(diào)用）
}

將上面定義的WebViewClient設(shè)置給WebView：

webView.setWebViewClient(mWebViewClient);
WebChromeClient:

WebChromeClient是輔助WebView處理JavaScript的對(duì)話框，網(wǎng)站圖標(biāo)，網(wǎng)站title，加載進(jìn)度,把本地圖片上傳web端等 : 
方法中的代碼都是由Android端自己處理。

WebChromeClient mWebChromeClient = new WebChromeClient() {

    //獲得網(wǎng)頁(yè)的加載進(jìn)度，顯示在右上角的TextView控件中
    @Override
    public void onProgressChanged(WebView view, int newProgress) {
        if (newProgress < 100) {
            String progress = newProgress + "%";
        } else {
        }
    }

    //獲取Web頁(yè)中的title用來(lái)設(shè)置自己界面中的title
    //當(dāng)加載出錯(cuò)的時(shí)候，比如無(wú)網(wǎng)絡(luò)，這時(shí)onReceiveTitle中獲取的標(biāo)題為 找不到該網(wǎng)頁(yè),
    //因此建議當(dāng)觸發(fā)onReceiveError時(shí)，不要使用獲取到的title
    @Override
    public void onReceivedTitle(WebView view, String title) {
        MainActivity.this.setTitle(title);
    }

    @Override
    public void onReceivedIcon(WebView view, Bitmap icon) {
        //
    }

    @Override
    public boolean onCreateWindow(WebView view, boolean isDialog, boolean isUserGesture, Message resultMsg) {
        //
        return true;
    }

    @Override
    public void onCloseWindow(WebView window) {
    }

    //處理alert彈出框，html 彈框的一種方式
    @Override
    public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
        //
        return true;
    }

    //處理confirm彈出框
    @Override
    public boolean onJsPrompt(WebView view, String url, String message, String defaultValue, JsPromptResult
            result) {
        //
        return true;
    }

    //處理prompt彈出框
    @Override
    public boolean onJsConfirm(WebView view, String url, String message, JsResult result) {
        //
        return true;
    }
};

同樣，將上面定義的WebChromeClient設(shè)置給WebView：

webView.setWebChromeClient(mWebChromeClient);

WebView 其他常用方法：

goBack()//后退
goForward()//前進(jìn)
goBackOrForward(intsteps) //以當(dāng)前的index為起始點(diǎn)前進(jìn)或者后退到歷史記錄中指定的steps，
                              如果steps為負(fù)數(shù)則為后退，正數(shù)則為前進(jìn)

canGoForward()//是否可以前進(jìn)
canGoBack() //是否可以后退

清除緩存:

clearCache(true);//清除網(wǎng)頁(yè)訪問(wèn)留下的緩存，由于內(nèi)核緩存是全局的因此這個(gè)方法不僅僅針對(duì)webview而是針對(duì)整個(gè)應(yīng)用程序.
clearHistory()//清除當(dāng)前webview訪問(wèn)的歷史記錄，只會(huì)webview訪問(wèn)歷史記錄里的所有記錄除了當(dāng)前訪問(wèn)記錄.
clearFormData()//這個(gè)api僅僅清除自動(dòng)完成填充的表單數(shù)據(jù)，并不會(huì)清除WebView存儲(chǔ)到本地的數(shù)據(jù)。

WebView的狀態(tài)：

onResume() //激活WebView為活躍狀態(tài)，能正常執(zhí)行網(wǎng)頁(yè)的響應(yīng)
onPause()//當(dāng)頁(yè)面被失去焦點(diǎn)被切換到后臺(tái)不可見(jiàn)狀態(tài)，需要執(zhí)行onPause動(dòng)過(guò)， onPause動(dòng)作通知內(nèi)核暫停所有的動(dòng)作，比如DOM的解析、plugin的執(zhí)行、JavaScript執(zhí)行。

pauseTimers()//當(dāng)應(yīng)用程序被切換到后臺(tái)我們使用了webview， 這個(gè)方法不僅僅針對(duì)當(dāng)前的webview而是全局的全應(yīng)用程序的webview，它會(huì)暫停所有webview的layout，parsing，javascripttimer。降低CPU功耗。
resumeTimers()//恢復(fù)pauseTimers時(shí)的動(dòng)作。

destroy()//銷(xiāo)毀，關(guān)閉了Activity時(shí)，音樂(lè)或視頻，還在播放。就必須銷(xiāo)毀。

但是注意：
webview調(diào)用destory時(shí),webview仍綁定在Activity上.這是由于自定義webview構(gòu)建時(shí)傳入了該Activity的context對(duì)象,因此需要先從父容器中移除webview,然后再銷(xiāo)毀webview:

 rootLayout.removeView(webView);
  webView.destroy();

    判斷WebView是否已經(jīng)滾動(dòng)到頁(yè)面底端 或者 頂端:
    getScrollY() //方法返回的是當(dāng)前可見(jiàn)區(qū)域的頂端距整個(gè)頁(yè)面頂端的距離,也就是當(dāng)前內(nèi)容滾動(dòng)的距離.
    getHeight()或者getBottom() //方法都返回當(dāng)前WebView這個(gè)容器的高度
    getContentHeight()返回的是整個(gè)html的高度,但并不等同于當(dāng)前整個(gè)頁(yè)面的高度,因?yàn)閃ebView有縮放功能,所以當(dāng)前整個(gè)頁(yè)面的高度實(shí)際上應(yīng)該是原始html的高度再乘上縮放比例.因此,更正后的結(jié)果,準(zhǔn)確的判斷方法應(yīng)該是：
    
   if (webView.getContentHeight() * webView.getScale() == (webView.getHeight() + webView.getScrollY())) {
       //已經(jīng)處于底端
   }
   
   if(webView.getScrollY() == 0){
       //處于頂端
   }

返回鍵

返回上一次瀏覽的頁(yè)面

    public boolean onKeyDown(int keyCode, KeyEvent event) {
   if ((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack()) {
       mWebView.goBack();
       return true;
   }
   return super.onKeyDown(keyCode, event);
    }

調(diào)用JS代碼

WebSettings webSettings = mWebView .getSettings();
 webSettings.setJavaScriptEnabled(true);
 mWebView.addJavascriptInterface(new JsObject(), "JsApp");

上面這是前提！??！ 
然后實(shí)現(xiàn)上面的類(lèi)，這個(gè)類(lèi)提供了四個(gè)方法，注釋的非常清楚。

class JsObject extends Object {
    //給html提供的方法，js中可以通過(guò)：var str = window.JsApp.HtmlcallJava(); 獲取到
    @JavascriptInterface
    public String HtmlcallJava() {
   return "Html call Java";
    }
//給html提供的有參函數(shù) ： window.JsApp.HtmlcallJava2("IT-homer blog");
    @JavascriptInterface
    public String HtmlcallJava2(final String param) {
   return "Html call Java : " + param;
    }
//Html給我們提供的函數(shù)
    @JavascriptInterface
    public void JavacallHtml() {
   runOnUiThread(new Runnable() {
       @Override
       public void run() {
           //這里是調(diào)用方法
           mWebView.loadUrl("javascript: showFromHtml()");
           Toast.makeText(Html5Activity.this, "clickBtn", Toast.LENGTH_SHORT).show();
       }
   });
    }
 //Html給我們提供的有參函數(shù)
    @JavascriptInterface
    public void JavacallHtml2(final String param) {
   runOnUiThread(new Runnable() {
       @Override
       public void run() {
           mWebView.loadUrl("javascript: showFromHtml2("IT-homer blog")");
           Toast.makeText(Html5Activity.this, "clickBtn2", Toast.LENGTH_SHORT).show();
       }
   });
    }
}

注意：1、js的接口調(diào)用的時(shí)候，并非在主線程，要是該方法涉及到UI界面的刷新的話，就必須回調(diào)到UI線程；2、此類(lèi)中還可以嵌套類(lèi)，并可以在里面寫(xiě)方法；也是可以調(diào)用的。

####Android 調(diào)用js有個(gè)漏洞： 

    http://blog.csdn.net/leehong2005/article/details/11808557

####Js的混淆：

因?yàn)樽詈笠稣桨砸欢ㄒ鯦S混淆的處理，否側(cè)JS方法會(huì)失效；

    -keep public class JsObject {
    public 
    }

保持所有的方法不被混淆
避免WebView內(nèi)存泄露：

1.可以將 Webview 的 Activity 新起一個(gè)進(jìn)程，結(jié)束的時(shí)候直接System.exit(0);退出當(dāng)前進(jìn)程； 
啟動(dòng)新進(jìn)程，主要代碼： AndroidManifest.xml 配置文件代碼如下

    
   
       
       
   
    

在新進(jìn)程中啟動(dòng) Activity ，里面?zhèn)髁?一個(gè) Url：

    Intent intent = new Intent("com.lyl.boon.ui.activity.htmlactivity");
    Bundle bundle = new Bundle();
    bundle.putString("url", gankDataEntity.getUrl());
    intent.putExtra("bundle",bundle);
    startActivity(intent);

然后在 Html5Activity 的onDestory() 最后加上 System.exit(0); 殺死當(dāng)前進(jìn)程。

2.不能在xml中定義 Webview ，而是在需要的時(shí)候創(chuàng)建，并且Context使用 getApplicationgContext()，如下代碼：

LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
mWebView = new WebView(getApplicationContext());
mWebView.setLayoutParams(params);
mLayout.addView(mWebView);

3.在 Activity 銷(xiāo)毀的時(shí)候，可以先讓 WebView 加載null內(nèi)容，然后移除 WebView，再銷(xiāo)毀 WebView，最后置空。 
代碼如下：

    @Override
    protected void onDestroy() {
   if (mWebView != null) {
       mWebView.loadDataWithBaseURL(null, "", "text/html", "utf-8", null);
       mWebView.clearHistory();
    
       ((ViewGroup) mWebView.getParent()).removeView(mWebView);
       mWebView.destroy();
       mWebView = null;
   }
   super.onDestroy();
    }

GPU云服務(wù)器云服務(wù)器 webview的使用 linux的安裝及使用 webrtc的android使用 js中函數(shù)的調(diào)用、

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/86866.html

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

weapon

男|高級(jí)講師

我要關(guān)注我要私信

TA的文章

tensorflow安裝windows

閱讀 1688·2023-04-26 00:30
（免費(fèi)領(lǐng)取源碼）基于Springboot+Vue+Element-ui的精美個(gè)人博客系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)

閱讀 3161·2021-11-25 09:43
git基本操作

閱讀 2890·2021-11-22 14:56
幾乎影響所有編譯器!“木馬源”漏洞可隱藏在開(kāi)源代碼中引發(fā)供應(yīng)鏈攻擊

閱讀 3200·2021-11-04 16:15
體驗(yàn)篇 - 部署IOTA私鏈

閱讀 1160·2021-09-07 09:58
css 3d立方體

閱讀 2032·2019-08-29 13:14
CSS 打印

閱讀 3118·2019-08-29 12:55
使用CSS處理標(biāo)題過(guò)長(zhǎng)，自動(dòng)截?cái)啵嫒蓓憫?yīng)式布局

閱讀 998·2019-08-29 10:57

成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

Android的WebView的使用及JS調(diào)用

相關(guān)文章

H5與Native交互之JSBridge技術(shù)

發(fā)表評(píng)論

0條評(píng)論

weapon

男|高級(jí)講師

TA的文章

tensorflow安裝windows

（免費(fèi)領(lǐng)取源碼）基于Springboot+Vue+Element-ui的精美個(gè)人博客系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)

git基本操作

幾乎影響所有編譯器!“木馬源”漏洞可隱藏在開(kāi)源代碼中引發(fā)供應(yīng)鏈攻擊

體驗(yàn)篇 - 部署IOTA私鏈

css 3d立方體

CSS 打印

使用CSS處理標(biāo)題過(guò)長(zhǎng)，自動(dòng)截?cái)啵嫒蓓憫?yīng)式布局

最新活動(dòng)

資訊專(zhuān)欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

Android的WebView的使用及JS調(diào)用

相關(guān)文章

發(fā)表評(píng)論

0條評(píng)論

男|高級(jí)講師

TA的文章

最新活動(dòng)

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！