摘要:不使用緩存,只從網(wǎng)絡(luò)獲取數(shù)據(jù),只要本地有,無論是否過期,或者,都使用緩存中的數(shù)據(jù)。這個方法,就是界面的加載開始,可以在這里設(shè)置一個加載的引導(dǎo)動畫,使得客戶體驗更好在頁面加載結(jié)束時調(diào)用。銷毀,關(guān)閉了時,音樂或視頻,還在播放。
如果本文幫助到你,本人不勝榮幸,如果浪費了你的時間,本人深感抱歉, 希望能對您所有幫助!
隨著H5的應(yīng)用越來越潮流,與原生交互必然也是一種趨勢,然后自己從中學(xué)點皮毛,再次總結(jié)了一點心得。
學(xué)習(xí)一個新的首先要懂得其Api里面的方法,接下來淺談一下;
加載網(wǎng)頁:加載一個網(wǎng)頁: webView.loadUrl(“http://www.google.com/“); 加載apk包中的一個html頁面 webView.loadUrl(“file:///android_asset/test.html”); 加載手機(jī)本地的一個html頁面的方法: webView.loadUrl(“content://com.android.htmlfileprovider/sdcard/test.html”);
WebSettings:
WebSettings webSettings = mWebView .getSettings(); //支持獲取手勢焦點,輸入用戶名、密碼或其他 webview.requestFocusFromTouch(); setJavaScriptEnabled(true); //支持js setPluginsEnabled(true); //支持插件 webSettings.setRenderPriority(RenderPriority.HIGH); //提高渲染的優(yōu)先級 設(shè)置自適應(yīng)屏幕,兩者合用 setUseWideViewPort(true); //將圖片調(diào)整到適合webview的大小 setLoadWithOverviewMode(true); // 縮放至屏幕的大小 setSupportZoom(true); //支持縮放,默認(rèn)為true。是下面那個的前提。 setBuiltInZoomControls(true); //設(shè)置內(nèi)置的縮放控件。 //若上面是false,則該WebView不可縮放,這個不管設(shè)置什么都不能縮放。 setDisplayZoomControls(false); //隱藏原生的縮放控件 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) { // 不然5.0以后http和https混合的頁面會加載不出來 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è)置可以訪問文件 setNeedInitialFocus(true); //當(dāng)webview調(diào)用requestFocus時為webview設(shè)置節(jié)點 setJavaScriptCanOpenWindowsAutomatically(true); //支持通過JS打開新窗口 setLoadsImagesAutomatically(true); //支持自動加載圖片 setDefaultTextEncodingName("utf-8");//設(shè)置編碼格式
5.0以后http和https混合的頁面會加載不出來
參數(shù)類型說明:
MIXED_CONTENT_ALWAYS_ALLOW:允許從任何來源加載內(nèi)容,即使起源是不安全的;
MIXED_CONTENT_NEVER_ALLOW:不允許Https加載Http的內(nèi)容,即不允許從安全的起源去加載一個不安全的資源;
MIXED_CONTENT_COMPATIBILITY_MODE:當(dāng)涉及到混合式內(nèi)容時,WebView 會嘗試去兼容最新Web瀏覽器的風(fēng)格。
在5.0以下 Android 默認(rèn)是 全允許,
但是到了5.0以上,就是不允許,實際情況下很我們很難確定所有的網(wǎng)頁都是https的,所以就需要這一步的操作。
緩存模式
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,只要本地有,無論是否過期,或者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);//沒網(wǎng),則從本地獲取,即離線加載 } webSettings.setDomStorageEnabled(true); // 開啟 DOM storage API 功能 webSettings.setDatabaseEnabled(true); //開啟 database storage API 功能 webSettings.setAppCacheEnabled(true);//開啟 Application Caches 功能 String cacheDirPath = getFilesDir().getAbsolutePath() + APP_CACAHE_DIRNAME; webSettings.setAppCachePath(cacheDirPath); //設(shè)置 Application Caches 緩存目錄
注意: 每個 Application 只調(diào)用一次WebSettings.setAppCachePath(),WebSettings.setAppCacheMaxSize()
WebViewClient:WebViewClient就是幫助WebView處理各種通知、請求事件的。
打開網(wǎng)頁時不調(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)頁加載都通過此方法,此處可以進(jìn)行重加載的工作,可以處理許多邏輯 //比如獲取url,查看url.contains(“add”),進(jìn)行添加操作 shouldOverrideKeyEvent(WebView view, KeyEvent event) //重寫此方法才能夠處理在瀏覽器中的按鍵事件。 onPageStarted(WebView view, String url, Bitmap favicon) //這個方法,就是界面的加載開始,可以在這里設(shè)置一個加載的引導(dǎo)動畫,使得客戶體驗更好 onPageFinished(WebView view, String url) //在頁面加載結(jié)束時調(diào)用。同樣道理,我們可以關(guān)閉loading 條,切換程序動作。 onLoadResource(WebView view, String url) // 在加載頁面資源時會調(diào)用,每一個資源(比如圖片)的加載都會調(diào)用一次。 shouldInterceptRequest(WebView view, String url) // 攔截替換網(wǎng)絡(luò)請求數(shù)據(jù), API 11開始引入,API 21棄用 shouldInterceptRequest (WebView view, WebResourceRequest request) // 攔截替換網(wǎng)絡(luò)請求數(shù)據(jù), 從API 21開始引入 onReceivedError(WebView view, int errorCode, String description, String failingUrl) // (報告錯誤信息);此處加代碼一下代碼,可以去除默認(rèn)頁面,然后顯示一個自己定義的加載錯誤的頁面 //用javascript隱藏系統(tǒng)定義的404頁面信息 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)用程序重新請求網(wǎng)頁數(shù)據(jù)) onReceivedHttpAuthRequest(WebView view, HttpAuthHandler handler, String host,String realm) //(獲取返回信息授權(quán)請求) onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) //重寫此方法可以讓webview處理https請求。 onScaleChanged(WebView view, float oldScale, float newScale) // (WebView發(fā)生改變時調(diào)用) onUnhandledKeyEvent(WebView view, KeyEvent event) //(Key事件未被加載時調(diào)用) }
將上面定義的WebViewClient設(shè)置給WebView:
webView.setWebViewClient(mWebViewClient); WebChromeClient: WebChromeClient是輔助WebView處理JavaScript的對話框,網(wǎng)站圖標(biāo),網(wǎng)站title,加載進(jìn)度,把本地圖片上傳web端等 : 方法中的代碼都是由Android端自己處理。 WebChromeClient mWebChromeClient = new WebChromeClient() { //獲得網(wǎng)頁的加載進(jìn)度,顯示在右上角的TextView控件中 @Override public void onProgressChanged(WebView view, int newProgress) { if (newProgress < 100) { String progress = newProgress + "%"; } else { } } //獲取Web頁中的title用來設(shè)置自己界面中的title //當(dāng)加載出錯的時候,比如無網(wǎng)絡(luò),這時onReceiveTitle中獲取的標(biāo)題為 找不到該網(wǎng)頁, //因此建議當(dāng)觸發(fā)onReceiveError時,不要使用獲取到的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為起始點前進(jìn)或者后退到歷史記錄中指定的steps, 如果steps為負(fù)數(shù)則為后退,正數(shù)則為前進(jìn) canGoForward()//是否可以前進(jìn) canGoBack() //是否可以后退清除緩存:
clearCache(true);//清除網(wǎng)頁訪問留下的緩存,由于內(nèi)核緩存是全局的因此這個方法不僅僅針對webview而是針對整個應(yīng)用程序.
clearHistory()//清除當(dāng)前webview訪問的歷史記錄,只會webview訪問歷史記錄里的所有記錄除了當(dāng)前訪問記錄.
clearFormData()//這個api僅僅清除自動完成填充的表單數(shù)據(jù),并不會清除WebView存儲到本地的數(shù)據(jù)。
onResume() //激活WebView為活躍狀態(tài),能正常執(zhí)行網(wǎng)頁的響應(yīng) onPause()//當(dāng)頁面被失去焦點被切換到后臺不可見狀態(tài),需要執(zhí)行onPause動過, onPause動作通知內(nèi)核暫停所有的動作,比如DOM的解析、plugin的執(zhí)行、JavaScript執(zhí)行。 pauseTimers()//當(dāng)應(yīng)用程序被切換到后臺我們使用了webview, 這個方法不僅僅針對當(dāng)前的webview而是全局的全應(yīng)用程序的webview,它會暫停所有webview的layout,parsing,javascripttimer。降低CPU功耗。 resumeTimers()//恢復(fù)pauseTimers時的動作。 destroy()//銷毀,關(guān)閉了Activity時,音樂或視頻,還在播放。就必須銷毀。
但是注意:
webview調(diào)用destory時,webview仍綁定在Activity上.這是由于自定義webview構(gòu)建時傳入了該Activity的context對象,因此需要先從父容器中移除webview,然后再銷毀webview:
rootLayout.removeView(webView); webView.destroy();
判斷WebView是否已經(jīng)滾動到頁面底端 或者 頂端: getScrollY() //方法返回的是當(dāng)前可見區(qū)域的頂端距整個頁面頂端的距離,也就是當(dāng)前內(nèi)容滾動的距離. getHeight()或者getBottom() //方法都返回當(dāng)前WebView這個容器的高度 getContentHeight()返回的是整個html的高度,但并不等同于當(dāng)前整個頁面的高度,因為WebView有縮放功能,所以當(dāng)前整個頁面的高度實際上應(yīng)該是原始html的高度再乘上縮放比例.因此,更正后的結(jié)果,準(zhǔn)確的判斷方法應(yīng)該是: if (webView.getContentHeight() * webView.getScale() == (webView.getHeight() + webView.getScrollY())) { //已經(jīng)處于底端 } if(webView.getScrollY() == 0){ //處于頂端 } 返回鍵 返回上一次瀏覽的頁面 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"); 上面這是前提!!! 然后實現(xiàn)上面的類,這個類提供了四個方法,注釋的非常清楚。 class JsObject extends Object { //給html提供的方法,js中可以通過: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)用的時候,并非在主線程,要是該方法涉及到UI界面的刷新的話,就必須回調(diào)到UI線程;2、此類中還可以嵌套類,并可以在里面寫方法;也是可以調(diào)用的。 ####Android 調(diào)用js有個漏洞: http://blog.csdn.net/leehong2005/article/details/11808557 ####Js的混淆: 因為最后要出正式包,所以一定要做JS混淆的處理,否側(cè)JS方法會失效; -keep public class JsObject { public} 保持所有的方法不被混淆 避免WebView內(nèi)存泄露: 1.可以將 Webview 的 Activity 新起一個進(jìn)程,結(jié)束的時候直接System.exit(0);退出當(dāng)前進(jìn)程; 啟動新進(jìn)程,主要代碼: AndroidManifest.xml 配置文件代碼如下 在新進(jìn)程中啟動 Activity ,里面?zhèn)髁?一個 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 ,而是在需要的時候創(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 銷毀的時候,可以先讓 WebView 加載null內(nèi)容,然后移除 WebView,再銷毀 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(); }
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/86866.html
摘要:一原理篇下面分別介紹和與的底層交互原理在講解原理之前,首先來了解下的組件,先來看一下蘋果官方的介紹上面的意思是說是一個可加載網(wǎng)頁的對象,它有瀏覽記錄功能,且對加載的網(wǎng)頁內(nèi)容是可編程的。 做過混合開發(fā)的很多人都知道Ionic和PhoneGap之類的框架,這些框架在web基礎(chǔ)上包了一層Native,然后通過Bridge技術(shù)使得js可以調(diào)用視頻、位置、音頻等功能。本文就是介紹這層Bridge...
閱讀 1668·2023-04-26 00:30
閱讀 3145·2021-11-25 09:43
閱讀 2868·2021-11-22 14:56
閱讀 3183·2021-11-04 16:15
閱讀 1137·2021-09-07 09:58
閱讀 2013·2019-08-29 13:14
閱讀 3101·2019-08-29 12:55
閱讀 982·2019-08-29 10:57