解决webview因加载慢而出现白屏或者黑屏问题

最新推荐文章于 2024-08-14 10:44:34 发布

潇曜

最新推荐文章于 2024-08-14 10:44:34 发布

阅读量4.5k

点赞数 1

分类专栏： android 文章标签： webview白屏

本文链接：https://blog.csdn.net/qq_43278826/article/details/94385240

版权

android 专栏收录该内容

65 篇文章 12 订阅

订阅专栏

1、先在webview所在的activity设置一张图片背景

getWindow().setBackgroundDrawable(MainActivity.this.getResources().getDrawable(R.drawable.com_sswl_loading_page));

2、在webview中设置背景为透明即可：

this.setBackgroundColor(ContextCompat.getColor(mContext,android.R.color.transparent));
this.setBackgroundResource(android.R.color.transparent);

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

潇曜

关注关注

1
点赞
踩
8

收藏

觉得还不错? 一键收藏
2
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

webView程序第一次加载页面是出现白屏或是黑屏或是其他

秋叶随风

06-25

1万+

如有什么写的不足或是错误之处，欢迎给位的指出，希望可以向大家多多学习！

webview加载页面有2秒白屏_iOS App秒开H5优化总结

weixin_39554775的博客

11-24

895

背景为了快递迭代、更新，公司app有一大模块功能使用H5实现，但是体验比原生差，这就衍生了如何提高H5加载速度，优化体验的问题。此文，记录一下自己的心路历程。腾讯bugly发表的一篇文章《移动端本地 H5 秒开方案探索与实现》[1]中分析，H5体验糟糕，是因为它做了很多事：初始化 webview -> 请求页面 -> 下载数据 -> 解析HTML -> 请求 js...

2 条评论您还未登录，请先登录后发表或查看评论

Android问题笔记十四：解决WebView白屏空白的九种方案，AutoSize？

08-14

1285

在Android开发中，实现WebView的秒开体验可以通过一系列性能优化策略来显著提升WebView的加载速度和用户体验。：预加载WebView可以在应用启动时提前初始化，例如加载一个空白页（“about:blank”），以减少首次加载页面的时间。延迟加载非首屏必需的操作，如后台网络请求，可以减少首屏加载时间。：并行请求可以在加载H5页面时，同时由Native端发起请求获取模板文件和动态数据，实现并行请求，减少总耗时。拦截请求可以通过自定义WebViewClient并重写。

android webview白屏,Android中WebView加载页面出现白屏解决方案

weixin_29771573的博客

05-26

1420

首先在WebViewClient中添加@Overridepublic void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) {// 不要使用super，否则有些手机访问不了，因为包含了一条 handler.cancel()// super.onReceivedSslError(view, han...

android webview加载黑屏,Android H5 webView加载过程黑屏优化处理

weixin_36282765的博客

05-26

1900

Android H5 webView加载过程黑屏优化处理一问题H5内嵌页面时，用webView加载过程中出现黑屏：优化处理，在setWebViewClient的onPageStarted和onPageFinished添加一个过渡的页面即可or 进度条//复写shouldOverrideUrlLoading()方法.使得打开网页时不调用系统浏览器,而是在本Webview中显示mWebView.se...

关于webview加载时出现的白屏问题

weixin_42630638的博客

05-27

1050

废话不多说直接上代码布局文件中就一个webview控件接下来activity 在activity中添加这三行代码就ok

android webview 加载白屏问题

QQ丶的博客

03-07

2380

如果重写了shouldOverrideUrlLoading(WebView view, String url)或者shouldOverrideUrlLoading(WebView view, WebResourceRequest request)不要忘记添加 webView.loadUrl(url);如下图:

Android之webview白屏黑屏不能正常显示网页

一名小安卓的博客

11-11

2152

文章目录bug情景解决解决的过程 bug情景起初按照简单的方式配置了webview，但是 mWebView.loadUrl(mUrl); 运行出来是白屏，同时，网址复制出来到电脑和手机的单独浏览器里是可以正常显示的。然后搜了一下大神解决办法，给webview加了一些 mWebView.getSettings(); 的设置，再次运行，从白屏变成了黑屏，依然没有显示应有的网页。 logcat也没有任何报错，手机也没有弹出任何报错信息。解决最终一行代码解决： @Override

RN-Android 封装原生安卓web组件 - H5白屏/卡顿/渲染问题

iOSTianNan的博客

03-19

3706

其实还是该问题的后续BUG 解决完安卓端微信支付问题后, 发现部分H5页面加载异常, 出现卡顿/半透明层遮盖效果异常/页面渲染异常/白屏等问题排查: 1.webSetting的设置? 经过确认,暂时无法从webSetting 层面解决 2.硬件加速/软件加速? 经过实验,设置wv.setLayerType(View.LAYER_TYPE_HARDWARE,null); 无效设置wv.setLayerType(View.LAYER_TYPE_HARDWARE,null); 能处半透明层显示,但依旧有白屏等

Android下WebView加载flash闪白屏问题解决方案源码

10-23

Android下WebView加载flash闪白屏问题解决方案源码

android webview iframe 不显示不全,安卓webview无法全屏播放iframe腾讯、优酷视频

weixin_33978578的博客

05-27

600

public class MainActivity extends AppCompatActivity {static final String iframeStr = "<iframe frameborder="0" width="640" height="498" src="http://v.qq.com/iframe/player.html?vid=v0151eygqka&ti...

Android 打开webView黑屏闪烁问题排查

拉莫帅的博客

05-18

1483

可以看到我们使用 Theme 的 isLightTheme = false，系统认为是深色主题，所以在高版本 WebView 中，当背景色没有指定时，系统使用了黑色作为背景色。个人在排查此问题的时候，用了一台可复现的手机：1+ 8（android 13），检查手机的黑暗模式、夜间模式都是关闭的。以前的 webView 只有在启用了强制黑暗或同色系暗色系启用时，webView 才会绘制暗色背景。最终发现出现问题手机的 webView版本较高，推测是 webView版本升级带来的行为变更。

解决Webview滑动黑屏外加显示黑屏的问题

星河大战的博客

07-25

2150

解决Webview滑动黑屏外加显示黑屏的问题本文自己总结而来，欢迎大家转发最近在做项目时处理bug的时候，发现有的华为手机跟oppo手机运用webview的时候会出现问题，特将解决方法发上来与大家分享一开始华为手机滑动黑屏的时候，就上网查，一般都是说法都是将改activity的硬件加速关掉，但是原先代码里面已经关掉，但是还是显示这样，没办法，正好最近看了一个腾讯三方开源的X5浏览器内核,webv

已解决：安卓自带的webview加载前端h5项目白屏时长严重，vue首页加载白屏时间过长，那我让app进入的时候就提前加载网页

Spy003的博客

04-15

5922

描述一下我的情况，我写了一个vue项目，需要嵌在安卓里运行，没想到安卓webview加载vue会这么慢，不知道是哪里出了问题，先介绍一下我的abandon的思路：1、启用本地有缓存就就从缓存中加载，没有缓存就从网络加载的方式，这个缓存模式，仍然阻挡不了第一次没有缓存的白屏很久的情况，虽然第一次过后速度会明显加快，但是第一次的慢客户也是不接受的呀，于是这种只是我在开发过程中体验体验了，而且开启了这种缓存模式，vue有js更新也不能更新到缓存，还是要清缓存才行。于是这种方案在提交测试之后就放弃了。预加载、

安卓部分手机（vivo Y5s）使用webview加载链接后白屏

weixin_43985618的博客

06-14

1163

一些JavaScript语法运行在低版本的Android手机上会导致手机白屏，此时如果globalThis is not defined、events.flatMap is not a function这种错误的话，则都可以使用 core-js 或者其他 polyfill 库来添加一些方法的支持。

安卓部分手机使用webview加载链接后白屏（Android低版本会出现的问题）

日积月累

03-06

3149

es6语法运行在低版本的Android手机上会导致手机白屏。

android 打开 WebView 黑屏闪烁问题排查

Eqiqi的博客

05-17

1121

点击搜索框，打开新的 webview 页面时，出现了黑色过度页面。

解决ReactNative Webview加载时候白屏问题

06-11

ReactNative中的WebView组件是用来展示网页或者HTML内容的，但是有时候在加载网页内容时会出现白屏的情况。下面是一些可能导致白屏问题的原因以及解决方案： 1. WebView的style属性设置问题：在ReactNative中，如果WebView组件的style属性没有设置宽度和高度，那么默认是不可见的。因此，如果WebView显示白屏，可以检查一下style的设置是否正确。 2. 网络连接问题：如果WebView要显示的网页内容需要联网才能访问，那么需要确保设备处于联网状态。如果设备没有联网，WebView就会一直显示白屏。 3. 网页内容加载速度问题：有些网页内容可能需要较长时间才能加载完成，如果加载时间过长，用户就会看到白屏。解决这个问题的方法是可以使用WebView的onLoadEnd属性来监听网页是否加载完成，可以在加载完成后再将WebView显示出来。 4. WebView版本问题：如果使用的是老版本的WebView组件，可能会出现白屏问题。可以更新ReactNative版本或者WebView版本来解决这个问题。 5. WebView中的JavaScript问题：如果网页中有JavaScript代码，可能会导致WebView出现白屏。可以通过设置WebView的javaScriptEnabled属性为true来解决这个问题。希望以上这些解决方案能够解决你的问题。