Android程序開發(fā)之WebView使用總結(jié)
前言：
今天修改項目中一個有關(guān)WebView使用的bug，激起了我總結(jié)WebView的動機，今天抽空做個總結(jié)。
使用場景：
1.）添加權(quán)限
<uses-permission android:name="android.permission.INTERNET" />
2.）布局文件
<WebView android:id="@+id/webView" android:layout_width="match_parent" android:layout_height="match_parent" />
3.）數(shù)據(jù)加載
加載本地資源
webView.loadUrl("file:///android_asset/example.html");
加載網(wǎng)絡(luò)資源
webView.loadUrl("www.xxx.com/index.html");
添加請求頭信息
Map<String,String> map=new HashMap<String,String>();map.put("User-Agent","Android");
webView.loadUrl("www.xxx.com/index.html",map);
也可以加載html片段
String data = " Html 數(shù)據(jù)"; webView.loadData(data, "text/html", "utf-8");
實測會發(fā)現(xiàn)loadData會導(dǎo)致中文亂碼，所以一般情況使用如下代碼
String data = " Html 數(shù)據(jù)"; webView.loadDataWithBaseURL(null,data, "text/html", "utf-8",null);
4.）支持JavaScript
比如項目總js觸發(fā)一個native函數(shù)關(guān)閉Activity
設(shè)置支持JavaScript
WebSettings webSettings = webView.getSettings();
webSettings.setJavaScriptEnabled(true);//設(shè)置支持javascript
webView.addJavascriptInterface(new JavaScriptInterface(), "xueleapp"); JavaScriptInterface 接口定義
public class JavaScriptInterface {
@android.webkit.JavascriptInterface
public void doTrainFinish() {
finish();
}
}
5.）設(shè)置WebViewClient 主要輔助WebView處理各種通知、請求事件
比如要實現(xiàn)WebView中鏈接在WebView內(nèi)部跳轉(zhuǎn)
webView.setWebViewClient(new WebViewClient() {
public boolean shouldOverrideUrlLoading(WebView view, String url) {
view.loadUrl(url);
return true;
}
});
除此之外WebViewClient更多的處理網(wǎng)頁的地址的解析和渲染，例如
onLoadResource//加載資源時響應(yīng)
onPageStart//在加載頁面時響應(yīng)
onPageFinish//在加載頁面結(jié)束時響應(yīng)
onReceiveError//在加載出錯時響應(yīng)
onReceivedHttpAuthRequest//獲取返回信息授權(quán)請求
6.）設(shè)置WebChromeClient主要輔助WebView處理Javascript的對話框，網(wǎng)站圖標，網(wǎng)站title，加載進度等
比如加載進度獲取title
webView.setWebChromeClient(new WebChromeClient() {
@Override
public void onProgressChanged(WebView view, int newProgress) {
if (newProgress == 100) {
//網(wǎng)頁加載完成
} else {
//網(wǎng)頁加載中
}
}
});
除了上面檢測進度之外還有
onCloseWindow//關(guān)閉WebView
onCreateWindow() //觸發(fā)創(chuàng)建一個新的窗口
onJsAlert //觸發(fā)彈出一個對話框
onJsPrompt //觸發(fā)彈出一個提示
onJsConfirm//觸發(fā)彈出確認提示
onProgressChanged //加載進度
onReceivedIcon //獲取網(wǎng)頁icon
onReceivedTitle//獲取網(wǎng)頁title
7.）設(shè)置網(wǎng)頁棧返回
webview會默認把瀏覽過去的網(wǎng)頁進行壓棧存儲，所以我們有時需要實現(xiàn)回退到上一目錄
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
if (keyCode == KeyEvent.KEYCODE_BACK) {
if (webView.canGoBack()) {
webView.goBack();//返回上一瀏覽頁面
return true;
} else {
finish();//關(guān)閉Activity
}
}
return super.onKeyDown(keyCode, event);
}
8.）WebView 緩存控制
•LOAD_CACHE_ONLY: 不使用網(wǎng)絡(luò)，只讀取本地緩存數(shù)據(jù)
•LOAD_DEFAULT: 根據(jù)cache-control決定是否從網(wǎng)絡(luò)上取數(shù)據(jù)。
•LOAD_CACHE_NORMAL: API level 17中已經(jīng)廢棄, 從API level 11開始作用同LOAD_DEFAULT模式
•LOAD_NO_CACHE: 不使用緩存，只從網(wǎng)絡(luò)獲取數(shù)據(jù).
•LOAD_CACHE_ELSE_NETWORK，只要本地有，無論是否過期，或者no-cache，都使用緩存中的數(shù)據(jù)。
WebSettings webSettings = webView.getSettings(); webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
9.）WebView屏幕自適應(yīng)
WebSettings webSettings = webView.getSettings(); webSettings.setUseWideViewPort(true); webSettings.setLoadWithOverviewMode(true);
10.）其他不常用設(shè)置
WebSettings webSettings = webView.getSettings(); webSettings.setSupportZoom(true); //支持縮放 webSettings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN); //支持內(nèi)容重新布局 webSettings.supportMultipleWindows(); //多窗口 webSettings.setAllowFileAccess(true); //設(shè)置可以訪問文件 webSettings.setNeedInitialFocus(true); //當webview調(diào)用requestFocus時為webview設(shè)置節(jié)點 webSettings.setBuiltInZoomControls(true); //設(shè)置支持縮放 webSettings.setJavaScriptCanOpenWindowsAutomatically(true); //支持通過JS打開新窗口 webSettings.setLoadsImagesAutomatically(true); //支持自動加載圖片
11.)知識擴展WebViewJSBridge
雖然谷歌也提供了js與native函數(shù)互相調(diào)用的方式，但是通過addjavascriptInterface這種方式在Android 4.2以下版本存在一定的安全隱患，在Android 4.2以上也需要加@JavascriptInterface注解，否則無法調(diào)用?；谏厦娴脑蚪ㄗh學習一下
WebViewJSBridge這個比較不錯的開源框架，地址：https://github.com/firewolf-ljw/WebViewJSBridge
12.）硬件加速
開啟硬件加速強制使用GPU渲染，確實給app流暢度帶來不小的提升，但是在使用過程中遇見webview閃爍，也有導(dǎo)致加載webView黑屏或者白屏
解決辦法：關(guān)閉硬件加速
webView.setLayerType(View.LAYER_TYPE_SOFTWARE, null);
這是把webview 中的硬件加速關(guān)閉。設(shè)置LAYER_TYPE_SOFTWARE后會把當前view轉(zhuǎn)為bitmap保存。這樣就不能開多個webview，否則會報out of memory。
需要在在webview中加入如下代碼
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
invalidate();
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
}
以上所述是小編給大家介紹的Android程序開發(fā)之WebView使用總結(jié)，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
這篇文章主要為大家詳細介紹了Android實現(xiàn)APP自動更新功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-05-05
Android Webview的postUrl與loadUrl加載頁面實例
這篇文章主要介紹了Android Webview的postUrl與loadUrl加載頁面實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-03-03
這篇文章主要為大家介紹了Android NTP時間同步機制實例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-08-08
Android Jetpack導(dǎo)航組件Navigation創(chuàng)建使用詳解
這篇文章主要為大家介紹了Android Jetpack導(dǎo)航組件Navigation創(chuàng)建及使用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-11-11
本文實現(xiàn)了GridView的拖拽功能,原理很簡單只是在交換位置上記錄了X軸的相關(guān)坐標，計算了X軸的相關(guān)變量，實例代碼如下，感興趣的額朋友可以參考下哈2013-06-06
Android提高之MediaPlayer播放網(wǎng)絡(luò)音頻的實現(xiàn)方法
這篇文章主要介紹了Android的MediaPlayer播放網(wǎng)絡(luò)音頻的實現(xiàn)方法,很實用的功能,需要的朋友可以參考下2014-08-08
本文給大家介石介紹下如何利用RecyclerView實現(xiàn)多Item布局的加載，多Item布局的加載的意思就是在開發(fā)過程中List的每一項可能根據(jù)需求的不同會加載不同的Layout2016-03-03
這篇文章主要為大家詳細介紹了Android自定義View實現(xiàn)多圖片選擇控件，具有一定的實用性，感興趣的小伙伴們可以參考一下2016-08-08
這篇文章主要為大家詳細介紹了Flutter進階之實現(xiàn)動畫效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-08-08
Android TextView前增加紅色必填項星號*的示例代碼
TextView是一個完整的文本編輯器,但是基類為不允許編輯,其子類EditText允許文本編輯,這篇文章主要介紹了Android TextView前增加紅色必填項星號*的示例代碼,需要的朋友可以參考下2024-03-03