webview 打开h5页面 新标签页_解决WebView通过URL加载H5界面出现空白的问题

1.权限问题：在配置文件中需要设置网络权限

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() {

@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界面出现空白的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。