解决WebView通过URL加载H5界面出现空白的问题
1.权限问题：在配置文件中需要设置网络权限
2.基本配置问题
WebSettingswebSettings=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.出现UncaughtTypeError:Cannotcallmethod'getItem'ofnull异常
这个行出现了异常，这个正是html5的特性，一个本地存储的东西，存储量比cookie大，但是这个必须在android的webview用代码启动才行
解决方法：启动webview的html5的本地存储功能。
webview.getSettings().setDomStorageEnabled(true);
webview.getSettings().setAppCacheMaxSize(1024*1024*8);
StringappCachePath=getApplicationContext().getCacheDir().getAbsolutePath();
webview.getSettings().setAppCachePath(appCachePath);
webview.getSettings().setAllowFileAccess(true);
webview.getSettings().setAppCacheEnabled(true);
4.调用getDeviceID方法的时候，js没有加载完毕，导致出现空白
解决办法：
webview.setWebViewClient(newWebViewClient(){
@Override
publicbooleanshouldOverrideUrlLoading(WebViewview,Stringurl){
view.loadUrl(url);
returntrue;
}
@Override
publicvoidonPageFinished(WebViewview,Stringurl){
super.onPageFinished(view,url);
//在这里执行你想调用的js函数
if(!flag_get_deviceid){
load();
}
}
@Override
publicvoidonReceivedError(WebViewview,interrorCode,Stringdescription,StringfailingUrl){
super.onReceivedError(view,errorCode,description,failingUrl);
}
});
privatebooleanflag_get_deviceid=false;
publicvoidload(){
Stringkey="";
StringandroidID="";
try{
androidID=Secure.getString(getContentResolver(),Secure.ANDROID_ID);
Log.d(TAG,"androidID:"+androidID);}catch(Exceptione){
Log.e(TAG,"");
}finally{
Stringscript=String.format("javascript:getDeviceID('"+androidID+"')");
webActDetail.evaluateJavascript(script,newValueCallback(){
@Override
publicvoidonReceiveValue(Stringvalue){
Log.d(TAG,"onReceiveValuevalue="+value);
if(value!=null){
flag_get_deviceid=true;
}
}});
}
}
5.android手机版本问题，现在H5界面实现多样化，导致很多H5界面在低版本的机型上无法展示或者样式错乱
解决办法：一种是重新设计低版本的h5界面，另一种设置项目最低版本
补充知识：WebView-使用WebView依次访问Url列表
有时候，我们需要使用WebView依次访问Url列表，来刷新网页；
1.1WebView创建
webView=(WebView)findViewById(R.id.webview);
1.2WebView设置参数
//设置缓存 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列表
intindex=0;
String[]strList=newString[]{"https://www.nhooo.com",
"https://www.jd.com","https://www.csdn.net",https://www.baidu.com};
1.4WebView设置WebViewClient
//直接创建WebViewClient
webView.setWebViewClient(newWebViewClient(){
@Override
publicvoidonPageFinished(WebViewview,Stringurl){
super.onPageFinished(view,url);
index++;
if(index>artStr.length){
}else{
webView.clearCache(true);
webView.clearView();
Log.i("===onPageFinished====",index+"=======");
refreshWebpage(index);
}
}
});
1.5WebView加载Url
publicvoidrefreshWebpage(intindex){
StringcsdnStr=urlStr+artStr[index];
//直接调用url
webView.loadUrl(csdnStr);
}
以上这篇解决WebView通过URL加载H5界面出现空白的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。