WebView中通過URL加載H5界面出現空白如何解決

WebView中通過URL加載H5界面出現空白如何解決，相信很多沒有經驗的人對此束手無策，為此本文總結了問題出現的原因和解決方法，通過這篇文章希望你能解決這個問題。

1.權限問題：在配置文件中需要設置網絡權限

<uses-permission android:name="android.permission.INTERNET" />

2.基本配置問題

WebSettings webSettings = webView.getSettings(); //支持縮放，默認為true。

.setUseWideViewPort(true); // 縮放至屏幕的大小 webSettings

.setLoadWithOverviewMode(true); //設置默認編碼

webSettings .setDefaultTextEncodingName("utf-8"); ////設置自動加載圖片

webSettings .setLoadsImagesAutomatically(true);

.settings.setJavaScriptEnabled(true);// 設置可以運行JS腳本
.settings.setSupportZoom(false);// 用于設置webview放大
.settings.setBuiltInZoomControls(false);

3.出現Uncaught TypeError: Cannot call method 'getItem' of null異常

這個行出現了異常，這個正是html5的特性，一個本地存儲的東西，存儲量比cookie大，但是這個必須在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.調用getDeviceID 方法的時候，js沒有加載完畢，導致出現空白

解決辦法：

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);
//在這里執行你想調用的js函數
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手機版本問題，現在H5界面實現多樣化，導致很多H5界面在低版本的機型上無法展示或者樣式錯亂

解決辦法：一種是重新設計低版本的h6界面，另一種設置項目最低版本

補充知識：WebView-使用WebView依次訪問Url列表

有時候，我們需要使用WebView依次訪問Url列表，來刷新網頁；

1.1 WebView創建

webView = (WebView) findViewById(R.id.webview);

1.2 WebView設置參數

  // 設置緩存
  webView.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
  // 不設置緩存
  // webView.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE);
  // 清理緩存
  webView.clearCache(true);
  // 清理歷史記錄
  webView.clearHistory();
  // 清理cookies
  CookieSyncManager.createInstance(this);
  CookieSyncManager.getInstance().startSync();
  CookieManager.getInstance().removeSessionCookie();
  // 設置可以支持縮放
  webView.getSettings().setSupportZoom(true);
  // 設置出現縮放工具
  webView.getSettings().setBuiltInZoomControls(true);
  webView.getSettings().setJavaScriptEnabled(true);

1.3 獲取Url列表

int index = 0;
 
String [] strList = new String[]{"https://www.jb51.net",
"https://www.jd.com","https://www.csdn.net",https://www.baidu.com};

1.4 WebView設置WebViewClient

// 直接創建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];
 
  // 直接調用url
  webView.loadUrl(csdnStr);
 }

看完上述內容，你們掌握WebView中通過URL加載H5界面出現空白如何解決的方法了嗎？如果還想學到更多技能或想了解更多相關內容，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！