Android webview打开网页空白优化

最新推荐文章于 2024-08-12 20:50:30 发布

qq_28337115

最新推荐文章于 2024-08-12 20:50:30 发布

阅读量572

点赞数 1

分类专栏： Webview空白 H5

本文链接：https://blog.csdn.net/qq_28337115/article/details/86477031

版权

本文介绍了在Android项目中使用WebView加载远程H5页面时遇到的启动空白问题，以及如何通过添加loading效果进行优化。尽管尝试了设置和更换内核（如腾讯X5），但无法完全消除加载等待时间。解决方案是使用ProgressBar作为加载指示器，并结合WebChromeClient监听网页加载进度，当进度达到100%时移除loading效果，从而提升用户体验。

摘要由CSDN通过智能技术生成

项目使用混合开发，Webview+H5很简单大家都可以搜到相关内容。今天重点讲下一个小问题。我们h5页面是远程的。通过url的方式嵌入到Webview中。这时候有个问题，我启动的时候会有一段空白。
这个在这里插入图片描述
这个白色的等待时间，不固定，可能1-2s，可能3-5s。我一直以为是设置的问题，查了很多资料，还换了腾讯的x5内核，结果并不能有什么用。

最终，我看到一篇文章说，这个没有办法，Webview就像是一个浏览器，你加载就是会有这种问题，你只能去优化它，而不能真的解决这个空白。

解决方案：提供一个loading效果。如图：
在这里插入图片描述

这个loading是使用了Android自己的控件 ProgressBar，代码如下：

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools=