伊豆
伊豆
  • 发布:2021-10-28 15:17
  • 更新:2021-10-28 15:17
  • 阅读:457

【报Bug】公众号观看web-view嵌入的html页面,有时出现白屏

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: windows10

HBuilderX类型: 正式

HBuilderX版本号: 3.2.9

浏览器平台: 微信内置浏览器

浏览器版本: 微信公众号

项目创建方式: HBuilderX

示例代码:

上级页面是可以滚动的
html页面:/hybrid/html/mvideo.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>

操作步骤:

html页面:/hybrid/html/mvideo.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

2021-10-28 15:17 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复