解決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介面在低版本的機型上無法展示或者樣式錯亂
解決辦法:一種是重新設計低版本的h5介面,另一種設定專案最低版本
補充知識: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介面出現空白的問題就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支援我們。