解决uniapp使用web-view链接本地html页面出现2-3s的白屏问题的记录

根据uniapp官方的示例,使用web-view 链接本地html页面,加载时出现了2-3s的白屏之后才会渲染html页面。

<template>
	<view><web-view src="/hybrid/html/local.html"></web-view></view>
</template>

这个问题的产生是因为我在<head></head>标签内添加了多个<script src="XXXX.js"></script>脚本引用,

将所有的<script src="XXXX.js"></script>脚本引用放到<body></body>标签内,就能够解决这个问题。

更新:2020.4.29

当我因为需求又添加了几个<script src="XXXX.js"></script>后,即使放在<body></body>标签内,也有2-3s的白屏,因为即使在body标签内也是需要时间来读取的。该怎么解决呢?

白屏的时候因为没有交互,我才会感到特别不舒服,如果白屏的时候有“加载中”的提示信息,就不会有这个问题了。

<script src="XXXX.js"></script>放置的位置代表读取的先后顺序,我之前自定义“加载中”样式的时候,选择先隐藏,后在<script>中显示的方法,若是直接使div显示,不就可以解决这个问题了吗?

    

去掉style的隐藏样式,注释掉loading.show(); 果然解决了问题!

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值