WebView全面解析
WebView全面解析
簡介
WebView是android中一個很是重要的控件，它的做用是用來展現一個web頁面。它使用的內核是webkit引擎，4.4版本以後，直接使用Chrome做爲內置網頁瀏覽器。javascript
做用
- 顯示和渲染網頁；
- 可與頁面JavaScript交互，實現混合開發。
使用介紹
使用WebView以前，不要忘記在清單文件中聲明訪問網絡權限：css
<uses-permission android:name="android.permission.INTERNET"/>
複製代碼
一、加載頁面
加載頁面通常有如下幾種形式：html
//方式一：加載一個網頁
webView.loadUrl("http://www.baidu.com");
//方式二：加載應用資源文件內的網頁
webView.loadUrl("file:///android_asset/test.html");
//方式三：加載一段代碼
webView.loadData(String data,String mimeType, String encoding);
複製代碼
其中，方式一和方式二比較好理解，方式三可能有些朋友不明白，我在這裏解釋一下。java
WebView.loadData()和WebView.loadDataWithBaseURL()是表示加載某一段代碼，其中，WebView.loadDataWithBaseURL()兼容性更好，適用場景更多，所以，我着重介紹一下這個方法。android
WebView.loadDataWithBaseURL(String baseUrl, String data, String mimeType, String encoding, String historyUrl))的五個參數：baseUrl表示基礎的網頁，data表示要加載的內容，mimeType表示加載網頁的類型，encoding表示編碼格式，historyUrl表示可用歷史記錄，能夠爲null值。
舉個例子：web
String body = "示例：這裏有個img標籤，地址是相對路徑<img src='/uploads/allimg/130923/1FP02V7-0.png' />";
webView.loadDataWithBaseURL("http://www.jcodecraeer.com", body, "text/html", "utf-8",null);
複製代碼
加載後的網頁：
數據庫
loadDataWithBaseURL
加載有Header的網頁：api
//加載有Header的網頁：
HashMap<String,String> header = new HashMap<>();
...
webView.loadUrl(url,header);
複製代碼
注意：
若是大家直接用上面介紹的這三種方式來加載網頁，頗有可能會彈出系統瀏覽器進行網頁訪問，這樣使用體驗就會不好！
解決辦法是在loadUrl()以前加上這樣一句代碼：瀏覽器
webView.setWebViewClient(new WebViewClient());
複製代碼
這樣就能夠了，有的朋友可能會這樣作，重寫WebViewClient的shouldOverrideUrlLoading()方法：緩存
webView.setWebViewClient(new WebViewClient(){
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
webView.loadUrl(url);
return true;
}
});
複製代碼
這個也是能夠的，可是會有一些問題，這個會在後面介紹。
二、WebView的生命週期
WebView的生命週期通常跟隨Activity：
@Override
protected void onResume() {
super.onResume();
//恢復webview的狀態（不靠譜）
webView.resumeTimers();
//激活webView的狀態，能正常加載網頁
webView.onResume();
}
@Override
protected void onPause() {
super.onPause();
//當頁面被失去焦點被切換到後臺不可見狀態，須要執行onPause
//經過onPause動做通知內核暫停全部的動做，好比DOM的解析、plugin的執行、JavaScript執行。
webView.onPause();
//當應用程序(存在webview)被切換到後臺時，這個方法不只僅針對當前的webview而是全局的全應用程序的webview
//它會暫停全部webview的layout，parsing，javascripttimer。下降CPU功耗。（不靠譜）
webView.pauseTimers();
}
//在關閉了Activity時，若是Webview的音樂或視頻，還在播放。就必須銷燬Webview
//可是注意：webview調用destory時,webview仍綁定在Activity上
//這是因爲自定義webview構建時傳入了該Activity的context對象
//所以須要先從父容器中移除webview,而後再銷燬webview:
ViewGroup parent = findViewById(R.id.container);
parent.removeView(webView);
webView.destroy();
複製代碼
三、WebView的一些經常使用方法
-
瀏覽器是否能夠前進/後退
//WebView是否能夠後退 boolean canGoBack = webView.canGoBack(); //WebView後退 webView.goBack(); //WebView是否能夠前進 boolean canGoForward = webView.canGoForward(); //WebView前進 webView.goForward(); //以當前的index爲起始點前進或者後退到歷史記錄中指定的steps //若是steps爲負數則爲後退，正數則爲前進 boolean canGoBackOrForward = webView.canGoBackOrForward(step); 複製代碼
注意，點擊系統返回鍵時，是結束當前的Activity，而非調用WebView的goBack()方法。
-
從新加載網頁和中止加載
webView.reload(); //刷新頁面（當前頁面的全部資源都會從新加載） webView.stopLoading(); //中止加載 複製代碼 -
清除瀏覽器緩存
//清除網頁訪問留下的緩存 //因爲內核緩存是全局的所以這個方法不只僅針對webview而是針對整個應用程序. Webview.clearCache(true); //清除當前webview訪問的歷史記錄 //只會webview訪問歷史記錄裏的全部記錄除了當前訪問記錄 Webview.clearHistory(); //這個api僅僅清除自動完成填充的表單數據，並不會清除WebView存儲到本地的數據 Webview.clearFormData(); 複製代碼 -
獲取WebView高度、內容HTML高度和滾動距離
//獲取當前可見區域的頂端距整個頁面頂端的距離，也就是當前內容滾動的距離。 webView.getScrollY(); //獲取WebView控件的高度。 webView.getHeight();webView.getBottom(); //獲取HTML的高度（原始高度，不包括縮放後的高度） webView.getContentHeight(); 複製代碼 -
WebView下載文件
/** * 當下載文件時打開系統自帶的瀏覽器進行下載，固然也能夠對捕獲到的 url 進行處理在應用內下載。 **/ webView.setDownloadListener(new DownloadListener() { @Override public void onDownloadStart(String url, String userAgent, String contentDisposition, String mimetype, long contentLength) { Uri uri = Uri.parse(url); Intent intent = new Intent(Intent.ACTION_VIEW, uri); startActivity(intent); } }); 複製代碼
四、WebView的經常使用工具類
4.1 WebSettings：對WebView進行配置和管理。
WebSettings webSettings = webView.getSettings();
//若是訪問的頁面中要與Javascript交互，則webview必須設置支持Javascript
webSettings.setJavaScriptEnabled(true);
//設置自適應屏幕，二者合用
webSettings.setUseWideViewPort(true); //將圖片調整到適合webview的大小
webSettings.setLoadWithOverviewMode(true); // 縮放至屏幕的大小
webSettings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN); //支持內容從新佈局
//縮放操做
webSettings.setSupportZoom(true); //支持縮放，默認爲true。是下面那個的前提。
webSettings.setBuiltInZoomControls(true); //設置內置的縮放控件。若爲false，則該WebView不可縮放
webSettings.setDisplayZoomControls(false); //隱藏原生的縮放控件
webSettings.setTextZoom(2);//設置文本的縮放倍數，默認爲 100
webSettings.setRenderPriority(WebSettings.RenderPriority.HIGH); //提升渲染的優先級
webSettings.setStandardFontFamily("");//設置 WebView 的字體，默認字體爲 "sans-serif"
webSettings.setDefaultFontSize(20);//設置 WebView 字體的大小，默認大小爲 16
webSettings.setMinimumFontSize(12);//設置 WebView 支持的最小字體大小，默認爲 8
// 5.1以上默認禁止了https和http混用，如下方式是開啓
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
webSettings.setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW);
}
//其餘操做
webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK); //關閉webview中緩存
webSettings.setAllowFileAccess(true); //設置能夠訪問文件
webSettings.setJavaScriptCanOpenWindowsAutomatically(true); //支持經過JS打開新窗口
webSettings.setLoadsImagesAutomatically(true); //支持自動加載圖片
webSettings.setDefaultTextEncodingName("utf-8");//設置編碼格式
webSettings.setGeolocationEnabled(true);//容許網頁執行定位操做
webSettings.setUserAgentString("Mozilla/5.0 (Windows NT 10.0; WOW64; rv:50.0) Gecko/20100101 Firefox/50.0");//設置User-Agent
//不容許訪問本地文件（不影響assets和resources資源的加載）
webSettings.setAllowFileAccess(false);
webSettings.setAllowFileAccessFromFileURLs(false);
webSettings.setAllowUniversalAccessFromFileURLs(false);
複製代碼
其中，WebView設置緩存，當加載 html 頁面時，WebView會在/data/data/package/下生成 database 與 cache 兩個文件夾
請求的URL記錄保存在WebViewCache.db，而URL的內容是保存在WebViewCache文件夾下:
//緩存模式以下：
//LOAD_CACHE_ONLY: 不使用網絡，只讀取本地緩存數據
//LOAD_DEFAULT: （默認）根據cache-control決定是否從網絡上取數據。
//LOAD_NO_CACHE: 不使用緩存，只從網絡獲取數據.
//LOAD_CACHE_ELSE_NETWORK，只要本地有，不管是否過時，或者no-cache，都使用緩存中的數據。
//優先使用緩存:
webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
//不使用緩存:
webSettings.setCacheMode(WebSettings.LOAD_NO_CACHE)
複製代碼
還有以下幾種：
//開啓 DOM storage API 功能 較大存儲空間，使用簡單
settings.setDomStorageEnabled(true);
//設置數據庫緩存路徑 存儲管理複雜數據 方便對數據進行增長、刪除、修改、查詢 不推薦使用
settings.setDatabaseEnabled(true);
final String dbPath = context.getApplicationContext().getDir("db", Context.MODE_PRIVATE).getPath();
settings.setDatabasePath(dbPath);
//開啓 Application Caches 功能 方便構建離線APP 不推薦使用
settings.setAppCacheEnabled(true);
final String cachePath = context.getApplicationContext().getDir("cache", Context.MODE_PRIVATE).getPath();
settings.setAppCachePath(cachePath);
settings.setAppCacheMaxSize(5 * 1024 * 1024);
複製代碼
WebView緩存
4.2 WebViewClient：處理各類通知和請求事件。
WebViewClient類經常使用方法：
-
shouldOverrideUrlLoading()：攔截URL請求，重定向（有2個方法，一個是兼容5.0如下，一個是兼容5.0以上，保險起見兩個都重寫）。
不管返回true仍是false，只要爲WebView設置了WebViewClient，系統就不會再將url交給第三方的瀏覽器去處理了。q其中返回false，表明將url交給當前WebView加載，也就是正常的加載狀態；shouldOverrideUrlLoading()返回true，表明開發者已經對url進行了處理，WebView就不會再對這個url進行加載了。
另外，使用post的方式加載頁面，此方法不會被調用。webView.setWebViewClient(new WebViewClient(){ //重定向URL請求，返回true表示攔截此url，返回false表示不攔截此url。 @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { //做用1：重定向url if(url.startsWith("weixin://")){ url = url.replace("weixin://","http://"); webView.loadUrl(url); } //做用2：在本頁面的WebView打開，防止外部瀏覽器打開此連接 view.loadUrl(url); return true; } }); 複製代碼 onPageStarted()onPageFinished()：頁面加載時和頁面加載完畢時調用。shouldOverrideKeyEvent()：重寫此方法才能處理瀏覽器中的按鍵事件。shouldInterceptRequest()：頁面每一次請求資源以前都會調用這個方法（非UI線程調用）。onLoadResource()：頁面加載資源時調用，每加載一個資源（好比圖片）就調用一次。onReceivedError()：加載頁面的服務器出現錯誤（好比404）時回調。onReceivedSslError()：重寫此方法可讓webview處理https請求。doUpdateVisitedHistory()：更新歷史記錄。onFormResubmission()：應用程序從新請求網頁數據。onReceivedHttpAuthRequest()：獲取返回信息受權請求。onScaleChanged()：WebView發生縮放改變時調用。onUnhandledKeyEvent()：Key事件未被加載時調用。
補充，關鍵方法調用流程：
狀況一：loadUrl()無重定向時
onPageStarted->onPageFinished
複製代碼
狀況二：loadUrl()網頁A重定向到B時
onPageStarted->shouldOverrideUrlLoading->onPageStarted->onPageFinished->onPageFinished
複製代碼
狀況三：在已加載的頁面中點擊連接，加載頁面A（無重定向）
shouldOverrideUrlLoading->onPageStarted->onPageFinished
複製代碼
狀況四：在已加載的頁面中點擊連接，加載頁面A（頁面A重定向至頁面B）
shouldOverrideUrlLoading->onPageStarted->shouldOverrideUrlLoading->onPageStarted->onPageFinished->onPageFinished
複製代碼
狀況五：執行goBack/goForward/reload方法
onPageStarted->onPageFinished
複製代碼
狀況六：發生資源加載
shouldInterceptRequest->onLoadResource
複製代碼
4.3 WebChromeClient：輔助 WebView 處理 Javascript 的對話框，網站圖標，網站標題等等。
WebChromeClient類經常使用方法：
onProgressChanged()：得到網頁的加載進度並顯示。onReceivedTitle()：得到網頁的標題時回調。onReceivedIcon()：得到網頁的圖標時回調。onCreateWindow()：打開新窗口時回調。onCloseWindow()：關閉窗口時回調。-
onJsAlert()：網頁彈出提示框時觸發此方法。@Override public boolean onJsAlert(WebView view, String url, String message, JsResult result) { Toast.makeText(MainActivity.this,"Im alert",Toast.LENGTH_SHORT).show(); //部分機型只會彈出一次提示框，調用此方法便可解決此問題。 result.cancel(); //返回true表示不彈出系統的提示框，返回false表示彈出 return true; } 複製代碼 -
onJsConfirm()：網頁彈出確認框時觸發此方法。@Override public boolean onJsConfirm(WebView view, String url, String message, JsResult result) { //confirm表示確認，cancel表示取消。 result.confirm(); //返回true表示不彈出系統的提示框，返回false表示彈出 return true; } 複製代碼 -
onJsPrompt()：網頁彈出輸入框時觸發此方法。@Override public boolean onJsPrompt(WebView view, String url, String message, String defaultValue, JsPromptResult result) { //confirm表示確認（並返回值），cancel表示取消。 result.confirm("8848"); //返回true表示不彈出系統的提示框，返回false表示彈出 return true; } 複製代碼
4.4 Cookie 相關
WebView能夠在須要的時候自動同步cookie，只須要得到CookieManager的對象將cookie設置進去就能夠了。
從服務器的返回頭中取出 cookie 根據Http請求的客戶端不一樣，獲取 cookie 的方式也不一樣，請自行獲取。
4.4.1 設置cookie，若兩次設置相同，則覆蓋上一次的
/**
* 將cookie設置到 WebView
* @param url 要加載的 url
* @param cookie 要同步的 cookie
*/
public static void syncCookie(String url,String cookie) {
if (Build.VERSION.SDK_INT < Build.VERSION_CODES.LOLLIPOP) {
CookieSyncManager.createInstance(context);
}
CookieManager cookieManager = CookieManager.getInstance();
cookieManager.setCookie(url, cookie);//若是沒有特殊需求，這裏只須要將session id以"key=value"形式做爲cookie便可
}
複製代碼
注意：
- 同步 cookie 要在 WebView 加載 url 以前，不然 WebView 沒法得到相應的 cookie，也就沒法經過驗證。
cookie應該被及時更新，不然極可能致使WebView拿的是舊的session id和服務器進行通訊。 - cookie應該被及時更新，不然極可能致使WebView拿的是舊的session id和服務器進行通訊。
- CookieManager會將這個Cookie存入該應用程序
data/data/package_name/app_WebView/Cookies.db
4.4.2 獲取cookie
/**
* 獲取指定 url 的cookie
*/
public static String syncCookie(String url) {
CookieManager cookieManager = CookieManager.getInstance();
return cookieManager.getCookie(url);
}
複製代碼
4.4.3 清除cookie
// 這個兩個在 API level 21 被拋棄
CookieManager.getInstance().removeSessionCookie();
CookieManager.getInstance().removeAllCookie();
// 推薦使用這兩個， level 21 新加的
CookieManager.getInstance().removeSessionCookies();// 移除全部過時 cookie
CookieManager.getInstance().removeAllCookies(); // 移除全部的 cookie
//設置清除cookie後的回調方法
private void removeCookie(Context context) {
CookieManager.getInstance().removeAllCookies(new ValueCallback<Boolean>() {
@Override
public void onReceiveValue(Boolean value) {
// 清除結果
}
});
}
複製代碼
五、其餘使用場景介紹
5.1 長按保存圖片或者撥打電話
通常瀏覽器都有長按保存圖片或者撥打圖片的功能，實現這個功能和WebView.HitTestResult這個類有關，這個類會將你觸摸網頁的地方的類型和其餘信息反饋給你。
WebView.HitTestResult的經常使用方法：
-
HitTestResult.getType()：獲取所選中目標的類型，能夠是圖片，超連接，郵件，電話等等。 -
HitTestResult.getExtra()：獲取額外的信息。
類型和意義：
WebView.HitTestResult.UNKNOWN_TYPE //未知類型
WebView.HitTestResult.PHONE_TYPE //電話類型
WebView.HitTestResult.EMAIL_TYPE //電子郵件類型
WebView.HitTestResult.GEO_TYPE //地圖類型
WebView.HitTestResult.SRC_ANCHOR_TYPE //超連接類型
WebView.HitTestResult.SRC_IMAGE_ANCHOR_TYPE //帶有連接的圖片類型
WebView.HitTestResult.IMAGE_TYPE //單純的圖片類型
WebView.HitTestResult.EDIT_TEXT_TYPE //選中的文字類型
複製代碼
步驟：
一、給WebView設置長按監聽事件；
二、獲取WebView長按時的WebView.HitTestResult的事件類型，若是是圖片，則作處理。
代碼：
webView.setOnLongClickListener(new View.OnLongClickListener() {
@Override
public boolean onLongClick(View view) {
WebView.HitTestResult result = ((WebView) view).getHitTestResult();
if(result != null){
switch (result.getType()){
case WebView.HitTestResult.SRC_IMAGE_ANCHOR_TYPE:
String imgUrl = result.getExtra();
...
return true;
...
}
}
return false;
}
});
複製代碼
Android與JavaScript交互
Android與JavaScript的交互依賴於WebView，具體交互方式能夠查看個人另外一篇文章：WebView與JavaScript的交互總結
WebView中常見問題
一、Android5.0 WebView中Http和Https混合問題
1.1 在Android 5.0上 Webview 默認不容許加載 Http 與 Https 混合內容，解決辦法：
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
webView.getSettings().setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW);
}
複製代碼
參數說明：
-
MIXED_CONTENT_ALWAYS_ALLOW：容許從任何來源加載內容，即便起源是不安全的； -
MIXED_CONTENT_NEVER_ALLOW：不容許Https加載Http的內容，即不容許從安全的起源去加載一個不安全的資源； -
MIXED_CONTENT_COMPATIBILITY_MODE：當涉及到混合式內容時，WebView 會嘗試去兼容最新Web瀏覽器的風格。
1.2 設置WebView接受全部網站的證書
webView.setWebViewClient(new WebViewClient() {
@Override
public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) {
// handler.cancel();// Android默認的處理方式
handler.proceed();// 接受全部網站的證書
// handleMessage(Message msg);// 進行其餘處理
}
});
複製代碼
注意：必定要移除super.onReceivedSslError(view, handler, error)方法，不然不生效。
二、避免WebView引發的內存泄漏
2.1 WebView所在的Activity新啓一個進程
<activity
android:name=".ui.activity.Html5Activity"
android:process=":lyl.boon.process.web">
<intent-filter>
<action android:name="com.lyl.boon.ui.activity.htmlactivity"/>
<category android:name="android.intent.category.DEFAULT"/>
</intent-filter>
</activity>
複製代碼
結束的時候直接System.exit(0)退出當前進程。
2.2 動態建立WebView
在代碼中建立WebView，而不是在XML中建立：
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
mWebView = new WebView(getApplicationContext());
mWebView.setLayoutParams(params);
mLayout.addView(mWebView);
複製代碼
2.3 Activity銷燬的時候先移除WebView
@Override
protected void onDestroy() {
if (mWebView != null) {
((ViewGroup) mWebView.getParent()).removeView(mWebView);
mWebView.destroy();
mWebView = null;
}
super.onDestroy();
}
複製代碼
三、混淆致使JavaScript不可用
在proguard-rules.pro文件中配置：
-keepattributes *Annotation*
-keepattributes *JavascriptInterface*
-keep public class org.mq.study.webview.DemoJavaScriptInterface{
public <methods>;
}
複製代碼
若是是內部類：
-keepattributes *Annotation*
-keepattributes *JavascriptInterface*
-keep public class org.mq.study.webview.webview.DemoJavaScriptInterface$InnerClass{
public <methods>;
}
複製代碼
四、監聽WebView網頁加載完畢
WebViewClient的onPageFinished()方法不能保證必定是在網頁加載完畢後調用，也有多是一些其餘狀況下也會調用，所以，最好用WebChromeClient的onProgressChanged()方法來監聽：
webView.setWebChromeClient(new WebChromeClient() {
@Override
public void onProgressChanged(WebView view, int position) {
progressBar.setProgress(position);
if (position == 100) {
progressBar.setVisibility(View.GONE);
}
super.onProgressChanged(view, position);
}
});
複製代碼
五、 HTML5 video 在 WebView 全屏顯示
當網頁全屏播放視頻時會調用WebChromeClient.onShowCustomView()方法，因此能夠經過將 video 播放的視圖全屏達到目的。
@Override
public void onShowCustomView(View view, CustomViewCallback callback) {
if (view instanceof FrameLayout && fullScreenView != null) {
// A video wants to be shown
this.videoViewContainer = (FrameLayout) view;
this.videoViewCallback = callback;
fullScreenView.addView(videoViewContainer, new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));
fullScreenView.setVisibility(View.VISIBLE);
isVideoFullscreen = true;
}
}
@Override
public void onHideCustomView() {
if (isVideoFullscreen && fullScreenView != null) {
// Hide the video view, remove it, and show the non-video view
fullScreenView.setVisibility(View.INVISIBLE);
fullScreenView.removeView(videoViewContainer);
// Call back (only in API level <19, because in API level 19+ with chromium webview it crashes)
if (videoViewCallback != null && !videoViewCallback.getClass().getName().contains(".chromium.")) {
videoViewCallback.onCustomViewHidden();
}
isVideoFullscreen = false;
videoViewContainer = null;
videoViewCallback = null;
}
}
複製代碼
注意：不少的手機版本在網頁視頻播放時是不會調用這個方法的，因此這個方法侷限性很大。
六、loadData()加載中文數據出現亂碼
使用loadDataWithBaseURL()方法代替loadData()加載數據，不會出現亂碼問題。 爲loadData()的mimeType參數傳入「text/html;charset=UTF-8」，也能夠解決亂碼問題。
七、外部JavaScript攻擊
因爲應用中的WebView沒有對file:///類型的url作限制，可能致使外部攻擊者利用Javascript代碼讀取本地隱私數據。
7.1 若是WebView不須要使用file協議，直接禁用全部與file協議相關的功能便可（不影響對assets和resources資源的加載）。
webSettings.setAllowFileAccess(false);
webSettings.setAllowFileAccessFromFileURLs(false);
webSettings.setAllowUniversalAccessFromFileURLs(false);
複製代碼
7.2 若是WebView須要使用file協議，則應該禁用file協議的Javascript功能。具體方法爲：在調用loadUrl方法前，以及在shouldOverrideUrlLoading方法中判斷url的scheme是否爲file。若是是file協議，就禁用Javascript，不然啓用Javascript。
//調用loadUrl前
if("file".equals(Uri.parse(url).getScheme())){//判斷是否爲file協議
webView.getSettings().setJavaScriptEnabled(false);
}else{
webView.getSettings().setJavaScriptEnabled(true);
}
webView.loadUrl(url);
//WebViewClient中作的操做
@Override
public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {
if("file".equals(request.getUrl().getScheme())){//判斷是否爲file協議
view.getSettings().setJavaScriptEnabled(false);
}else{
view.getSettings().setJavaScriptEnabled(true);
}
return false;
}
複製代碼
八、WebView閃爍
WebView關閉硬件加速功能便可。
webView.setLayerType(View.LAYER_TYPE_SOFTWARE,null);
複製代碼
九、縮放引發的應用崩潰
setDisplayZoomControls(true)方法會容許顯示系統縮放按鈕，這個縮放按鈕會在每次出現後的幾秒內逐漸消失。可是在部分系統版本中，若是在縮放按鈕消失前退出了Activity，就可能引發應用崩潰。
解決辦法：調用setDisplayZoomControls(false)方法不顯示系統縮放按鈕，反正使用手勢捏合動做就能夠實現網頁的縮放功能了。若是確實須要使用縮放按鈕，就須要在Activity的onDestroy()方法中隱藏WebView。
十、webView控件padding不起做用
在一個佈局文件中有一個WebView，想使用padding屬性讓左右向內留出一些空白，可是padding屬性不起左右，內容照樣貼邊顯示，反而移動了右邊滾動條的位置。android的bug，用一個外圍的layout包含webview，能夠有所改進，但不能徹底解決。其實正確的作法是在webView的加載的css中增長padding,不必爲了padding而更改xml佈局文件。
一個很不錯的WebViewActivity分享（來源於網絡）
import android.graphics.Bitmap;
import android.os.Bundle;
import android.os.Message;
import android.support.v7.app.AppCompatActivity;
import android.util.Log;
import android.view.KeyEvent;
import android.webkit.GeolocationPermissions;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import com.lyl.test.R;
public class Html5Activity extends AppCompatActivity {
private String mUrl;
private LinearLayout mLayout;
private WebView mWebView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_web);
Bundle bundle = getIntent().getBundleExtra("bundle");
mUrl = bundle.getString("url");
Log.d("Url:", mUrl);
mLayout = (LinearLayout) findViewById(R.id.web_layout);
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
mWebView = new WebView(getApplicationContext());
mWebView.setLayoutParams(params);
mLayout.addView(mWebView);
WebSettings mWebSettings = mWebView.getSettings();
mWebSettings.setSupportZoom(true);
mWebSettings.setLoadWithOverviewMode(true);
mWebSettings.setUseWideViewPort(true);
mWebSettings.setDefaultTextEncodingName("utf-8");
mWebSettings.setLoadsImagesAutomatically(true);
//調用JS方法.安卓版本大於17,加上註解 @JavascriptInterface
mWebSettings.setJavaScriptEnabled(true);
saveData(mWebSettings);
newWin(mWebSettings);
mWebView.setWebChromeClient(webChromeClient);
mWebView.setWebViewClient(webViewClient);
mWebView.loadUrl(mUrl);
}
@Override
public void onPause() {
super.onPause();
webView.onPause();
webView.pauseTimers(); //當心這個！！！暫停整個 WebView 全部佈局、解析、JS。
}
@Override
public void onResume() {
super.onResume();
webView.onResume();
webView.resumeTimers();
}
/**
* 多窗口的問題
*/
private void newWin(WebSettings mWebSettings) {
//html中的_bank標籤就是新建窗口打開，有時會打不開，須要加如下
//而後 複寫 WebChromeClient的onCreateWindow方法
mWebSettings.setSupportMultipleWindows(false);
mWebSettings.setJavaScriptCanOpenWindowsAutomatically(true);
}
/**
* HTML5數據存儲
*/
private void saveData(WebSettings mWebSettings) {
//有時候網頁須要本身保存一些關鍵數據,Android WebView 須要本身設置
mWebSettings.setDomStorageEnabled(true);
mWebSettings.setDatabaseEnabled(true);
mWebSettings.setAppCacheEnabled(true);
String appCachePath = getApplicationContext().getCacheDir().getAbsolutePath();
mWebSettings.setAppCachePath(appCachePath);
}
WebViewClient webViewClient = new WebViewClient(){
/**
* 多頁面在同一個WebView中打開，就是不新建activity或者調用系統瀏覽器打開
*/
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
view.loadUrl(url);
return true;
}
};
WebChromeClient webChromeClient = new WebChromeClient() {
//=========HTML5定位==========================================================
//須要先加入權限
//<uses-permission android:name="android.permission.INTERNET"/>
//<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"/>
//<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION"/>
@Override
public void onReceivedIcon(WebView view, Bitmap icon) {
super.onReceivedIcon(view, icon);
}
@Override
public void onGeolocationPermissionsHidePrompt() {
super.onGeolocationPermissionsHidePrompt();
}
@Override
public void onGeolocationPermissionsShowPrompt(final String origin, final GeolocationPermissions.Callback callback) {
callback.invoke(origin, true, false);//注意個函數，第二個參數就是是否贊成定位權限，第三個是是否但願內核記住
super.onGeolocationPermissionsShowPrompt(origin, callback);
}
//=========HTML5定位==========================================================
//=========多窗口的問題==========================================================
@Override
public boolean onCreateWindow(WebView view, boolean isDialog, boolean isUserGesture, Message resultMsg) {
WebView.WebViewTransport transport = (WebView.WebViewTransport) resultMsg.obj;
transport.setWebView(view);
resultMsg.sendToTarget();
return true;
}
//=========多窗口的問題==========================================================
};
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
if (keyCode == KeyEvent.KEYCODE_BACK && mWebView.canGoBack()) {
mWebView.goBack();
return true;
}
return super.onKeyDown(keyCode, event);
}
@Override
protected void onDestroy() {
super.onDestroy();
if (mWebView != null) {
mWebView.clearHistory();
((ViewGroup) mWebView.getParent()).removeView(mWebView);
mWebView.loadUrl("about:blank");
mWebView.stopLoading();
mWebView.setWebChromeClient(null);
mWebView.setWebViewClient(null);
mWebView.destroy();
mWebView = null;
}
}
}
複製代碼
參考資料
相關文章
- 1. WebView全面解析
- 2. WebView解析
- 3. Android：最全面的 Webview 詳解
- 4. Block 全面解析
- 5. redis全面解析
- 6. UITableView全面解析
- 7. VueJS全面解析
- 8. 全面解析Notification
- 9. JavaScriptCore全面解析
- 10. 全面解析this
- 更多相關文章...
- • XML DOM 解析器 - XML DOM 教程
- • ASP.NET Web Pages - 全局頁面 - ASP.NET 教程
- • Tomcat學習筆記（史上最全tomcat學習筆記）
- • 使用阿里雲OSS+CDN部署前端頁面與加速靜態資源
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
最新文章
歡迎關注本站公眾號,獲取更多信息
相關文章
- 1. WebView全面解析
- 2. WebView解析
- 3. Android：最全面的 Webview 詳解
- 4. Block 全面解析
- 5. redis全面解析
- 6. UITableView全面解析
- 7. VueJS全面解析
- 8. 全面解析Notification
- 9. JavaScriptCore全面解析
- 10. 全面解析this