uni-app 公众号观看web-view嵌入的html页面有时出现白屏

uni-app 公众号观看web-view嵌入的html页面有时出现白屏

示例代码：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>webview</title>
        <style type="text/css">
            .btn-list {
                width: 100%;
                height: 200px;
                border: 1px solid red;
            }
        </style>
    </head>
    <body>
        <div class="btn-list">
            页面
        </div>
        <!-- uni 的 SDK -->
        <script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js"></script>
        <script type="text/javascript">
        </script>
    </body>
</html>

操作步骤：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>webview</title>
        <style type="text/css">
            .btn-list {
                width: 100%;
                height: 200px;
                border: 1px solid red;
            }
        </style>
    </head>
    <body>
        <div class="btn-list">
            页面
        </div>
        <!-- uni 的 SDK -->
        <script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js"></script>
        <script type="text/javascript">
        </script>
    </body>
</html>

预期结果：

应该如v1.png一样的效果

实际结果：

可能出现v1.png,v2.png,v2.png页面效果；

bug描述：

uni项目嵌入web-view页面，页面布局偶尔出错； 测试手机：

  • 苹果： iphone6 版本号12.4.8
  • 华为：型号BRQ-AN00 版本2.0.0.168
开发环境 版本号 项目创建方式
Windows windows10 HBuilderX

更多关于uni-app 公众号观看web-view嵌入的html页面有时出现白屏的实战教程也可以访问 https://www.itying.com/category-93-b0.html

回到顶部