如果要將Web應(yīng)用程序（或只是Web頁(yè)面）作為客戶端應(yīng)用程序的一部分提交皇钞，可以使用WebView來完成。 WebView類是Android的View類的擴(kuò)展松捉，它允許您將網(wǎng)頁(yè)顯示為活動(dòng)布局的一部分夹界。它不包括完全開發(fā)的Web瀏覽器的任何功能，如導(dǎo)航控件或地址欄隘世。默認(rèn)情況下掉盅，所有WebView都顯示一個(gè)網(wǎng)頁(yè)。
使用WebView常見的場(chǎng)景是你想要展示一份需要更新的信息以舒。比如活動(dòng)頁(yè)面之類，這時(shí)就可以使用WebView來托管網(wǎng)頁(yè)慢哈。
另一種場(chǎng)景是蔓钟，相比于發(fā)出大量網(wǎng)絡(luò)請(qǐng)求，你發(fā)現(xiàn)使用WebView來向用戶展示他們需要的信息是更好的選擇卵贱。
本文介紹使用WebView與網(wǎng)頁(yè)的JS進(jìn)行協(xié)同工作滥沫。
一、啟用JavaScript
JavaScript在WebView里默認(rèn)是禁用的键俱±夹澹可以通過
WebSetting.setJavaScriptEnabled(true)來啟用JavaScript
WebView myWebView = (WebView) findViewById(R.id.webview);
WebSettings webSettings = myWebView.getSettings();
webSettings.setJavaScriptEnabled(true);
二、通過WebView調(diào)用JS內(nèi)容编振。
通過webView.loadUrl("javascript:METHOD")實(shí)現(xiàn)缀辩，在4.4以下的webView會(huì)引發(fā)網(wǎng)頁(yè)重載。
JS是弱類型語(yǔ)言踪央，如需傳字符串參數(shù)臀玄，需將參數(shù)用‘’包裹，如webView.loadUrl("javascript:insertHtml(' "哈哈哈畅蹂，字符串" ')")健无，并且對(duì)會(huì)轉(zhuǎn)義的語(yǔ)句前邊加""，如“\\\\”液斜，真正傳到JS會(huì)是“\\”累贤。
三、通過JS調(diào)用Native內(nèi)容少漆。
- 向JS添加可以直接調(diào)用的接口臼膏，一般為了方便起見會(huì)直接傳webView本身，如addJavascriptInterface(this,"CustomName")示损。注意：綁定到Javascript的對(duì)象運(yùn)行在另外一個(gè)線程讶请，不在創(chuàng)建它的線程。因?yàn)橥ㄟ^這個(gè)接口，Javascript可以控制你的android程序夺溢，所以請(qǐng)確保只在你的webView打開可信的頁(yè)面论巍，不可信的頁(yè)面請(qǐng)使用CustomWebClient，用外部瀏覽器打開风响。如下嘉汰。
private class MyWebViewClient extends WebViewClient {
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
if (Uri.parse(url).getHost().equals("www.example.com")) {
// This is my web site, so do not override; let my WebView load the page return false;
}
// Otherwise, the link is not for a page on my site, so launch another Activity that handles URLs
Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
startActivity(intent);
return true;
}
}
- 給JS可以調(diào)用的方法加上@JavascriptInterface的注解。（4.2/Api 17以上状勤，不添加該接口鞋怀，不可被調(diào)用）。
- JS中通過CustomName.method()調(diào)用Native方法持搜。
四密似、其他雜七雜八的問題
基于網(wǎng)頁(yè)返回
- myWebView.canGoBack()，返回Boolean值葫盼，判斷是否可以返回
- myWebView.goBack()残腌，返回上一頁(yè)
加快加載速度
設(shè)置setBlockNetworkImage(true)，然后重寫一個(gè)WebViewClient贫导，重寫onPageFinished()回調(diào)抛猫，再setBlockNetworkImage(false)，這時(shí)會(huì)緩慢加載圖片孩灯。
獲取html指定文本
- 在瀏覽器中打開網(wǎng)頁(yè)闺金，并F12進(jìn)入開發(fā)者模式，查看我們要獲取的內(nèi)容的格式峰档。
- 在native這邊寫一個(gè)方法败匹，參數(shù)為String，即我們要獲取的網(wǎng)址讥巡，這樣native就有了接收網(wǎng)址參數(shù)的基礎(chǔ)哎壳。
- 重寫onPageFinished()，在里面使用我們傳過去的android接口調(diào)用該方法并將參數(shù)設(shè)置為('<head>'+xxx+'</head>')尚卫；如【webView.loadUrl("javascript:window.CustomName.showSomeContent('<head>'+document.getElementsByClassName('meta')[0].innerHTML+'</head>');")】
屏蔽頁(yè)面元素
- 打開網(wǎng)頁(yè)通過F12進(jìn)入開發(fā)者模式归榕，找出我么要屏蔽掉的元素的特征
- 重寫onPageFinished()方法，繼續(xù)下面的步驟
- 通過loadUrl()將我們寫的一個(gè)方法注入到網(wǎng)頁(yè)內(nèi)容里吱涉，里面找到我們要屏蔽的元素并調(diào)用其remove()方法
- 再次通過loadUrl()調(diào)用我們寫的那個(gè)方法即可刹泄。
