解決WebView通過URL加載H5界面出現(xiàn)空白的問題
1.權(quán)限問題:在配置文件中需要設(shè)置網(wǎng)絡(luò)權(quán)限
<uses-permission android:name="android.permission.INTERNET" />
2.基本配置問題
WebSettings webSettings = webView.getSettings(); //支持縮放,默認(rèn)為true。
.setUseWideViewPort(true); // 縮放至屏幕的大小 webSettings
.setLoadWithOverviewMode(true); //設(shè)置默認(rèn)編碼
webSettings .setDefaultTextEncodingName("utf-8"); ////設(shè)置自動加載圖片
webSettings .setLoadsImagesAutomatically(true);
.settings.setJavaScriptEnabled(true);// 設(shè)置可以運(yùn)行JS腳本
.settings.setSupportZoom(false);// 用于設(shè)置webview放大
.settings.setBuiltInZoomControls(false);
3.出現(xiàn)Uncaught TypeError: Cannot call method 'getItem' of null異常
這個(gè)行出現(xiàn)了異常,這個(gè)正是html5的特性,一個(gè)本地存儲的東西,存儲量比cookie大,但是這個(gè)必須在android的webview用代碼啟動才行
解決方法:啟動webview的html5的本地存儲功能。
webview.getSettings().setDomStorageEnabled(true);
webview.getSettings().setAppCacheMaxSize(1024*1024*8);
String appCachePath = getApplicationContext().getCacheDir().getAbsolutePath();
webview.getSettings().setAppCachePath(appCachePath);
webview.getSettings().setAllowFileAccess(true);
webview.getSettings().setAppCacheEnabled(true);
4.調(diào)用getDeviceID 方法的時(shí)候,js沒有加載完畢,導(dǎo)致出現(xiàn)空白
解決辦法:
webview.setWebViewClient(new WebViewClient() { @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { view.loadUrl(url); return true; } @Override public void onPageFinished(WebView view, String url) { super.onPageFinished(view, url); //在這里執(zhí)行你想調(diào)用的js函數(shù) if(!flag_get_deviceid){ load(); } } @Override public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) { super.onReceivedError(view, errorCode, description, failingUrl); } }); private boolean flag_get_deviceid=false; public void load(){ String key=""; String androidID=""; try{ androidID = Secure.getString(getContentResolver(),Secure.ANDROID_ID); Log.d(TAG, "androidID:"+androidID);}catch(Exception e){ Log.e(TAG, ""); }finally{ String script=String.format("javascript:getDeviceID('"+androidID+"')"); webActDetail.evaluateJavascript(script, new ValueCallback<String>() { @Override public void onReceiveValue(String value) { Log.d(TAG, "onReceiveValue value=" + value); if(value!=null){ flag_get_deviceid=true; } }}); } }
5.android手機(jī)版本問題,現(xiàn)在H5界面實(shí)現(xiàn)多樣化,導(dǎo)致很多H5界面在低版本的機(jī)型上無法展示或者樣式錯(cuò)亂
解決辦法:一種是重新設(shè)計(jì)低版本的h5界面,另一種設(shè)置項(xiàng)目最低版本
補(bǔ)充知識:WebView-使用WebView依次訪問Url列表
有時(shí)候,我們需要使用WebView依次訪問Url列表,來刷新網(wǎng)頁;
1.1 WebView創(chuàng)建
webView = (WebView) findViewById(R.id.webview);
1.2 WebView設(shè)置參數(shù)
// 設(shè)置緩存 webView.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK); // 不設(shè)置緩存 // webView.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE); // 清理緩存 webView.clearCache(true); // 清理歷史記錄 webView.clearHistory(); // 清理cookies CookieSyncManager.createInstance(this); CookieSyncManager.getInstance().startSync(); CookieManager.getInstance().removeSessionCookie(); // 設(shè)置可以支持縮放 webView.getSettings().setSupportZoom(true); // 設(shè)置出現(xiàn)縮放工具 webView.getSettings().setBuiltInZoomControls(true); webView.getSettings().setJavaScriptEnabled(true);
1.3 獲取Url列表
int index = 0; String [] strList = new String[]{"http://www.dbjr.com.cn", "https://www.jd.com","https://www.csdn.net",https://www.baidu.com};
1.4 WebView設(shè)置WebViewClient
// 直接創(chuàng)建WebViewClient webView.setWebViewClient(new WebViewClient() { @Override public void onPageFinished(WebView view, String url) { super.onPageFinished(view, url); index++; if(index>artStr.length){ }else { webView.clearCache(true); webView.clearView(); Log.i("===onPageFinished====", index + "======="); refreshWebpage(index); } } });
1.5 WebView加載Url
public void refreshWebpage(int index) { String csdnStr = urlStr + artStr[index]; // 直接調(diào)用url webView.loadUrl(csdnStr); }
以上這篇解決WebView通過URL加載H5界面出現(xiàn)空白的問題就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
Android復(fù)選框CheckBox與開關(guān)按鈕Switch及單選按鈕RadioButton使用示例詳解
這篇文章主要介紹了Android復(fù)選框CheckBox與開關(guān)按鈕Switch及單選按鈕RadioButton使用示例,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)吧2022-09-09Android巧用XListView實(shí)現(xiàn)萬能下拉刷新控件
這篇文章主要為大家詳細(xì)介紹了Android巧用XListView實(shí)現(xiàn)萬能下拉刷新控件,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-01-01Android?Flutter實(shí)現(xiàn)頁面切換轉(zhuǎn)場動畫效果
Hero組件非常適合從列表、概覽頁切換到詳情頁轉(zhuǎn)場動畫場合。本文將利用Hero組件制作一個(gè)簡單的頁面切換轉(zhuǎn)場動畫效果,感興趣的可以了解一下2022-06-06Android編程實(shí)現(xiàn)圖片的瀏覽、縮放、拖動和自動居中效果
這篇文章主要介紹了Android編程實(shí)現(xiàn)圖片的瀏覽、縮放、拖動和自動居中效果,以具體實(shí)例形式分析了Android針對圖片各種常見顯示效果的布局及功能實(shí)現(xiàn)技巧,需要的朋友可以參考下2015-11-11Android EditText設(shè)置邊框的操作方法
這篇文章主要介紹了Android EditText設(shè)置邊框,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-12-12Android實(shí)現(xiàn)淘寶商品列表切換效果
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)淘寶商品列表切換效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-01-01Android 微信6.1 tab欄圖標(biāo)和字體顏色漸變的實(shí)現(xiàn)
本文主要對微信6.1 tab 欄顏色漸變效果的實(shí)現(xiàn)全過程進(jìn)行分析介紹,具有很好的參考價(jià)值,下面跟著小編一起來看下吧2016-12-12android如何設(shè)置小區(qū)廣播默認(rèn)信道(50與60并支持雙卡)
置小區(qū)廣播默認(rèn)信道50與60,并支持雙卡主要是印度市場,具體的實(shí)現(xiàn)如下,感興趣的朋友可以參考下哈2013-06-06