前言:
今天修改項目中一個有關(guān)WebView使用的bug,激起了我總結(jié)WebView的動機,今天抽空做個總結(jié)。
簡介
WebView是一個基于webkit引擎、展現(xiàn)web頁面的控件。
Android的Webview在低版本和高版本采用了不同的webkit版本內(nèi)核,4.4后直接使用了Chrome。
作用
WebView控件功能強大,除了具有一般View的屬性和設(shè)置外,還可以對url請求、頁面加載、渲染、頁面交互進行強大的處理。

混合開發(fā)相關(guān)博客:
使用場景:
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)站圖標(biāo),網(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ā)彈出確認(rèn)提示
onProgressChanged //加載進度
onReceivedIcon //獲取網(wǎng)頁icon
onReceivedTitle//獲取網(wǎng)頁title
7.)設(shè)置網(wǎng)頁棧返回
webview會默認(rèn)把瀏覽過去的網(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 緩存控制
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); //當(dāng)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)用。基于上面的原因建議學(xué)習(xí)一下
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后會把當(dāng)前view轉(zhuǎn)為bitmap保存。這樣就不能開多個webview,否則會報out of memory。
需要在在webview中加入如下代碼
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { invalidate(); super.onMeasure(widthMeasureSpec, heightMeasureSpec); }
干我們這行,啥時候懈怠,就意味著長進的停止,長進的停止就意味著被淘汰,只能往前沖,直到鳳凰涅 主站蜘蛛池模板: 根河市| 普宁市| 肇东市| 湘阴县| 镇沅| 兴仁县| 黄平县| 建水县| 上高县| 株洲县| 岗巴县| 黎平县| 拜城县| 合作市| 吉木乃县| 象州县| 手游| 安顺市| 即墨市| 仁布县| 钟祥市| 明星| 江华| 廉江市| 榆中县| 察哈| 胶南市| 陆川县| 马关县| 讷河市| 介休市| 铁岭市| 鲜城| 福泉市| 井冈山市| 呼伦贝尔市| 邢台市| 迁西县| 克什克腾旗| 金坛市| 兰考县|