根据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(); 果然解决了问题!