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

 更新时间:2020年03月26日 09:31:47   作者:sx638  
这篇文章主要介绍了解决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.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界面出现空白的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • Android Studio配置(Android Studio4.1为例)

    Android Studio配置(Android Studio4.1为例)

    这篇文章主要介绍了Android Studio配置(Android Studio4.1为例),文中通过图文介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-10-10
  • 一文吃透Hilt自定义与跨壁垒

    一文吃透Hilt自定义与跨壁垒

    这篇文章主要介绍了Hilt自定义与跨壁垒的实现示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-04-04
  • android sharedUserId 使用知识盲点解析

    android sharedUserId 使用知识盲点解析

    这篇文章主要为大家介绍了android sharedUserId使用的知识盲点解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-02-02
  • android实现注册登录程序

    android实现注册登录程序

    这篇文章主要为大家详细介绍了android实现注册登录程序,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • Kotlin条件控制语句汇总讲解

    Kotlin条件控制语句汇总讲解

    条件控制是每门编程语言中必不可少的,一般就是使用我们所熟知的 ifelse ,来作为我们代码逻辑选择条件控制。 在 Java 中一般使用 ifelse 和 switch-case 来作为条件控制,而在 Kotlin 中则是使用 if-else 和 when 来作为条件控制
    2022-09-09
  • Android APP开发KML轨迹导出教程示例

    Android APP开发KML轨迹导出教程示例

    这篇文章主要为大家介绍了Android APP开发KML轨迹导出教程示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-12-12
  • Android开发进阶自定义控件之滑动开关实现方法【附demo源码下载】

    Android开发进阶自定义控件之滑动开关实现方法【附demo源码下载】

    这篇文章主要介绍了Android开发进阶自定义控件之滑动开关实现方法,结合实例形式详细分析了Android自定义开关控件的原理、实现步骤与相关操作技巧,需要的朋友可以参考下
    2016-08-08
  • Android获取屏幕尺寸大小代码实例

    Android获取屏幕尺寸大小代码实例

    这篇文章主要介绍了Android获取屏幕尺寸大小代码实例,本文直接给出代码实例,需要的朋友可以参考下
    2015-05-05
  • Android实现画板功能(一)

    Android实现画板功能(一)

    这篇文章主要为大家详细介绍了Android实现画板功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-05-05
  • Android统一处理登录后携带数据跳转到目标页面的方式

    Android统一处理登录后携带数据跳转到目标页面的方式

    我们在开发的时候,一定会遇到页面跳转,下面这篇文章主要给大家介绍了关于Android统一处理登录后携带数据跳转到目标页面的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-06-06

最新评论