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界面出现空白如何解决的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注亿速云行业资讯频道，感谢各位的阅读！
亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
