解決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è)置自動(dòng)加載圖片
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è)本地存儲(chǔ)的東西，存儲(chǔ)量比cookie大，但是這個(gè)必須在android的webview用代碼啟動(dòng)才行
解決方法：啟動(dòng)webview的html5的本地存儲(chǔ)功能。
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ǔ)充知識(shí)：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.dhdzp.com",
"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自定義View 仿QQ側(cè)滑菜單的實(shí)現(xiàn)代碼
這篇文章主要介紹了Android自定義View 仿QQ側(cè)滑菜單的實(shí)現(xiàn)代碼，非常不錯(cuò)，具有參考借鑒價(jià)值,需要的朋友可以參考下2017-08-08
Android使用WebSocket實(shí)現(xiàn)多人游戲
WebSocket 是 HTML5 一種新的協(xié)議。實(shí)現(xiàn)了瀏覽器與服務(wù)器全雙工通信，下面通過本文給大家分享Android使用WebSocket實(shí)現(xiàn)多人游戲，需要的朋友參考下吧2017-11-11
android特賣列表倒計(jì)時(shí)卡頓問題的解決方法
這篇文章主要為大家詳細(xì)介紹了android特賣列表倒計(jì)時(shí)卡頓問題的解決方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-09-09
Android Studio創(chuàng)建AIDL文件并實(shí)現(xiàn)進(jìn)程間通訊實(shí)例
本篇文章主要介紹了Android Studio創(chuàng)建AIDL文件并實(shí)現(xiàn)進(jìn)程間通訊實(shí)例，具有一定的參考價(jià)值，有興趣可以了解一下。2017-04-04
Android 下的 QuickJS Binding 庫特性使用詳解
這篇文章主要介紹了Android 下的 QuickJS Binding 庫特性使用詳解,有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
今天小編就為大家分享一篇Android檢測url地址是否可達(dá)的兩種方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-01-01
關(guān)于AndroidStudio新建與編譯項(xiàng)目速度慢解決辦法
這篇文章主要介紹了關(guān)于AndroidStudio新建與編譯項(xiàng)目速度慢的解決辦法,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-10-10
Android短信備份及數(shù)據(jù)插入實(shí)現(xiàn)代碼解析
這篇文章主要介紹了Android短信備份及數(shù)據(jù)插入實(shí)現(xiàn)代碼解析,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-11-11
下面小編就為大家?guī)硪黄猘ndroid判斷相機(jī)圖片朝向的簡單方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-03-03
android自定義環(huán)形統(tǒng)計(jì)圖動(dòng)畫
這篇文章主要為大家詳細(xì)介紹了android自定義環(huán)形統(tǒng)計(jì)圖動(dòng)畫，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-07-07