解决WebView通过URL加载H5界面出现空白的问题
GPT4.0+Midjourney绘画+国内大模型 会员永久免费使用!
【 如果你想靠AI翻身,你先需要一个靠谱的工具! 】
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没有加载完毕,导致出现空白
解决办法:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 | 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设置参数
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | // 设置缓存 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列表
1 2 3 4 | 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
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | // 直接创建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
1 2 3 4 5 6 | public void refreshWebpage( int index) { String csdnStr = urlStr + artStr[index]; // 直接调用url webView.loadUrl(csdnStr); } |
以上这篇解决WebView通过URL加载H5界面出现空白的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
微信公众号搜索 “ 脚本之家 ” ,选择关注
程序猿的那些事、送书等活动等着你
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权/违法违规/事实不符,请将相关资料发送至 reterry123@163.com 进行投诉反馈,一经查实,立即处理!
相关文章
Android复选框CheckBox与开关按钮Switch及单选按钮RadioButton使用示例详解
这篇文章主要介绍了Android复选框CheckBox与开关按钮Switch及单选按钮RadioButton使用示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习吧2022-09-09Android 微信6.1 tab栏图标和字体颜色渐变的实现
本文主要对微信6.1 tab 栏颜色渐变效果的实现全过程进行分析介绍,具有很好的参考价值,下面跟着小编一起来看下吧2016-12-12android如何设置小区广播默认信道(50与60并支持双卡)
置小区广播默认信道50与60,并支持双卡主要是印度市场,具体的实现如下,感兴趣的朋友可以参考下哈2013-06-06
最新评论