Android webview只加载10%且出现白屏问题排查解决

这篇具有很好参考价值的文章主要介绍了Android webview只加载10%且出现白屏问题排查解决。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

问题

有一个主页面,布局里是包含的一个Webview,页面跳转进入第二个页面也会加载一个新的WebView,但新的webView加载页面不成功,加载进度走到10%就不动了也没有报错信息。

        首先出现的是主页面的webView一直加载不出来,但当时没有多想一直以为是网络的问题,杀死进程或者退出之后重新进入就恢复正常了,所以一直没有作为主要问题去解决,项目后期是想着切换成腾讯的X5webView,优化一下webView加载,发现项目首页打开正常了,正常后这个问题就放入了优化成功功能里,但其实不知道问题并没有真正的解决。后期发现了一个大问题,我们使用的声网白板标记加载不出来了,这个可是我们的主要功能呀,于是加紧排查:

排查

1、出现这个问题第一反应是我们使用的第三方出现了问题。由于我们最开始使用的是测试版,所以第一反应是我们使用的测试版本欠费了,不能使用,登录后台后发现没有欠费;

2、寻找声网技术同学帮忙排查是不是,我们创建的白板房间出现问题,或者设置的参数有问题(但这个其实不太可能因为之前的几个项目使用都是正常的,但之前都是原生开发且只有加载白板的这个webView),经过声网技术同学查询一切都是正常的,未发现有问题。

到此处开始怀疑是不是设备的问题:

3、根据设备去排查:分别使用的设备是 遨游A11对讲机、征服S29对讲机、华为P30。发现使用AndroidStudio直接运行时,华为P30正常,但是遨游A11对讲机、征服S29对讲机加载白板时均出现webView加载10%就跳出了,也没有任何的报错信息。但进行打包之后安装在设备上后一切是正常的。这里又开始怀疑是Android Studio增量运行的问题。

4、怀疑是Android Studio增量运行问题后,我又清除缓存运行Android Studio,重新安装Android Studio,找了新电脑重新运行都不行。到这里可以确认是设备造成的。

5、然后在网上开始各种扒资料,首先找到了同样问题的帖子,

资料:Android webview只加载10%且出现白屏问题排查解决_Johngo学长

Android WebView 进度卡住10%不动,页面空白,页面无反应,不报错。_一个小小的程序员11的博客-CSDN博客_webview 10%

但发现我里面并没有上述所说的问题,于是开始继续寻找,这时突然想到我的项目中同时加载了两个WebView,主页面和我的标注页面,于是开始怀疑是否是因为多Activity加载webView引起的冲突导致的。于是又在网上开始各种翻资料,终于找到了

关于连续打开多个包含WebView的Activity出现空白加载不出来的bug的解决方案_ShownXeu潇栩的博客-CSDN博客_多个webview同时存在加载不出页面

6、开始排查,把首页的webView禁掉,只加载一个白板的webView,发现还是加载不出来,但这个时候一直觉得是双webView引起的,所以怀疑是缓存的问题。所以直接卸载软件发现重新安装后,嘿~正常了。欢呼~欢呼~毕竟到这里已经排查了两天了。然而重新跑一次程序又出现了。于是尝试直接进入了应用信息里,清除掉缓存,在回到应用发现加载成功了。这么一来就一直认为是缓存的问题,一定是。所以就此落坑开始了两天的清除缓存排查;使用代码在每次关闭页面打开页面均清除一次webView所有记录,清除手机所有浏览器记录。均发现不行。到这里我已经泄气了开始再找能不能使用项目跳转到应用详情页面用户手动清除一次缓存之后在开始使用(很显然这里我已经开始抓瞎了),但是让我崩溃的是,直接跳转进入清除缓存后还是不行。

7、然后又发现每次杀死进程后进入设备肯定是正常的,且有一段时间会都是正常的。到这里又开始找杀死进程后点击项目ICON图标是怎样的流程。跟设备直接在androidStudio上run的区别。

深入浅出Android中的App启动流程分析_左手木亽的博客-CSDN博客

然而还是没有解决问题。

8、到这里开始想是不是能把声网的webView也改成X5WebView,于是开始在开始更换使用的第三方插件:

https://github.com/netless-io/DSBridge-Android
https://github.com/netless-io/whiteboard-android

然而这个换上之后直接跑demo发现还是不行,完蛋了~~这里开始无限崩溃了~~~~~~开始怀疑到底是哪里的问题,为什么首页加载都是成功的但是白板这个始终都不能成功呢。

呀~~~~~~~~~~~~~~~呀~~~~~~~~~~~呀~~~~~~~~~~~呀~~~~~~~~~

好吧。收拾心情重新出发。那就从原点开始解决。使用X5WebView的demo开始运行,发现这里也不能使用。好勒,那就从这里开始解决问题。

9、仔细看日志发现有一个报错信息。欢呼~~~~~~终于看到的为啥出错的信息了:

X5核心接入: TBS:initX5Core bmttwebview.so is 32-bit instead of 64-bit 问题解决方案

这里基本开始就怀疑是不同的浏览器内核或者cpu出现的问题,然后看到了这片文章

解决方案:

现在市面上常见的CPU架构类型如下:

1、armeabi-v7a: 第7代及以上的 32位ARM 处理器

2、arm64-v8a: 第8代、64位ARM处理器

3、armeabi: 第5代、第6代的32位ARM处理器,早期的手机在使用,现在基本很少了。

4、x86: Intel 32位处理器,在平板、模拟器用得比较多。

5、x86_64: Intel 64位处理器,在平板、模拟器用得比较多。

这里就开始有了一些思路了,首先 ndk {abiFilters "armeabi" },加入后,哈哈,X5WebView 运行正常。哈哈哈哈,首战告捷。然后开始同样的解决方式,哈哈,白板的webView整个运行正常。哈哈哈,仿佛已经胜利。

10、将白板的webView修改为X5WebView,然后还是不行。怎么会呢?各个不能运行的问题都解决了呀,咋还是出现了问题呢。对了,还有同时运行两个webView的问题,于是添加了

mWhiteView.onResume();
mWhiteView.resumeTimers();

终于一切成功了!!!!!!!!!

总结本次修改:

1、mWhiteView.onResume();    mWhiteView.resumeTimers();

2、ndk {abiFilters "armeabi" }

3、修改为X5WebView

遗留问题:目前遗留问题不清楚为什么系统的WebView为啥不能加载出来,等后期有时间接着排查文章来源地址https://www.toymoban.com/news/detail-420211.html

到了这里,关于Android webview只加载10%且出现白屏问题排查解决的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 解决Electron中WebView加载部分HTTPS页面白屏的方法

    Electron是一个开源的桌面应用程序框架,它允许使用Web技术构建跨平台的桌面应用。在Electron应用中, WebView 是一个常用的组件,用于嵌套加载Web内容。然而,有时候在加载使用 HTTPS 协议的页面时,可能会因为证书问题导致白屏现象。 问题描述: 当 WebView 尝试加载某些 HTTP

    2024年02月02日
    浏览(54)
  • 已解决:安卓自带的webview加载前端h5项目白屏时长严重,vue首页加载白屏时间过长,那我让app进入的时候就提前加载网页

    自己写的vue项目,自己写的安卓壳子,本来自己觉得慢,忍忍就过去了,但是人家觉得慢,你不得改么?结果是前端自己开发,安卓也自己开发,想甩个锅都没法甩,总不能甩给后端吧?哈哈哈 描述一下我的情况,我写了一个vue项目,需要嵌在安卓里运行,没想到安卓webvi

    2024年02月03日
    浏览(62)
  • 【VUE】解决图片视频加载缓慢/首屏加载白屏的问题

      在 Vue3 项目中,有时候会出现图片视频加载缓慢、首屏加载白屏的问题 通常是由以下原因导致的: 图片或视频格式不当:如果图片或视频格式选择不当,比如选择了无损压缩格式,可能会导致文件大小过大,从而影响加载速度。 页面中同时加载了大量的图片和视频,导致

    2024年02月16日
    浏览(37)
  • 【VUE】解决VU2项目图片视频加载缓慢/首屏加载白屏的问题

    前端项目中,有时候会出现图片视频加载缓慢、首屏加载白屏的问题 之前写了一篇在VU3项目中的解决方案, 现在讲一下在 Vue2 项目中的解决方法,方法思路都差不多,在代码示例上会有一些小差别 通常是由以下原因导致的: 图片或视频格式不当 :如果图片或视频格式选择

    2024年02月16日
    浏览(43)
  • 电脑启动后出现白屏问题的可能原因及解决方案

    电脑开机后出现白屏问题是一种常见的故障,可能由多种原因引起。在本文中,我将介绍一些可能的原因,并提供相应的解决方案,以帮助您解决这个问题。 显示器故障:首先,检查显示器是否正常工作。可以尝试连接另一个显示器或电视,看看是否仍然出现白屏问题。如果

    2024年02月04日
    浏览(46)
  • Android WebView加载h5打开麦克风与摄像头的权限问题

    Android webview h5 麦克风权限,摄像头(相机)权限实现与填坑。 app 必须先具备如下权限(本文只讨论录音与相机) AndroidManifest中添加: 注意:前面两项需要app动态申请 懒人快速做法(可直接copy代码) 默许授权(不再确认) 当h5向app申请的时候,重写 WebChromeClient 的onPermis

    2024年02月11日
    浏览(63)
  • Vue首屏加载过慢出现白屏的六种优化方案

    公司业务展示官网开发,构建版本后在测试环境下,发下首屏加载损耗高达几十秒(服务器在国外,所以也导致加载时间变长),于是采用了以下方法来达到提速目的。  路由懒加载和组件懒加载:const One = ()=import(\\\"./one\\\"); 图片懒加载:使用vue-lazyload插件 gizp压缩是一种http请

    2023年04月10日
    浏览(38)
  • 解决Mac系统android monitor启动时卡住,显示白屏的问题

    清安装1.8版本的jdk,java1.8版本以上不支持android monitor;如果你电脑上安装有java 11等高级别的版本,请自行搜索,如果在mac上安装多jdk,以及如何切换到1.8版本上 请更新SWT插件,下载地址; 1.打开网页,点击4.9 跳转到另外的网页  2.跳转到的网页如下所示意   3. 点击下载此版

    2024年02月12日
    浏览(38)
  • K8s出现问题时,如何排查解决!

    K8s问题的排查 1、POD启动异常、部分节点无法启动pod 容器里管理应用 pod出现异常的原因: 2. 审视集群状态 审视集群状态 K8S的集群状态是排查故障的关键起点。使用kubectl get nodes命令来检查节点状态。如果有节点未能就绪或出现异常状态,可能会对应用程序造成故障。确保基

    2024年02月02日
    浏览(52)
  • linux执行.sh文件出现问题--排查以及解决

            今天在运行.sh文件的时候出现 现象1: 现象2: 现象3:    出现这三种问题  排查: 1、判断文件是否存在 2、判断权限是否足够 解决: 在确定文件存在的情况下给予文件运行权限即可解决。 排查: 1、检查运行的指令文件中是否有权限受限的指令 2、排查文件中操

    2024年01月19日
    浏览(40)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包