解决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界面在低版本的机型上无法展示或者样式错乱
解决办法:一种是重新设计低版本的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.zalou.cn",
"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界面出现空白的问题就是小编分享给大家的全部内容了,希望能给大家一个参考。
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 11.QT-ffmpeg+QAudioOutput实现音频播放器
- Spring JPA 自定义删改
- LeetCode-28.实现 strStr()
- 【工具篇】程序员不愿意写 PPT 是姿势不对?
- 机器学习还能预测心血管疾病?没错,我用Python写出来了
- Fasttext 总结
- PathClassLoader加载与查找类
- springboot maven项目引入并打包本地JAR
- 移植lua5.2和luasocket库到嵌入式linux,使能强大的lua脚本和网络功能
- Go或者C中调用Lua业务脚本,实现终端应用的热更新机制
- 多线程基础(八):ReentrantLock的使用及与synchronized的区别
- 在java中notify和notifyAll的区别
- 我在近期求职中遇到的前端面试问题及其解法
- 腾讯云 云开发 部署 Blazor网站
- 最新基准测试:Kafka、Pulsar 和 RabbitMQ 哪个最快?