解决WebView通过URL加载H5界面出现空白的问题

时间:2021-05-19

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() {@Overridepublic boolean shouldOverrideUrlLoading(WebView view, String url) {view.loadUrl(url);return true;}@Overridepublic void onPageFinished(WebView view, String url) {super.onPageFinished(view, url);//在这里执行你想调用的js函数if(!flag_get_deviceid){load();}}@Overridepublic 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>() {@Overridepublic 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://","https://};

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

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章