2***@qq.com
2***@qq.com
  • 发布:2023-06-02 14:36
  • 更新:2025-01-10 16:00
  • 阅读:284

【报Bug】移动端开发用hbuilder自带的调试工具Webview打开页面,项目的tabbar和标题导航项消失,只显示内容,真机或者模拟上可以正常看到

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: Windows 10 专业版

HBuilderX类型: 正式

HBuilderX版本号: 3.8.4

手机系统: Android

手机系统版本号: Android 10

手机厂商: vivo

手机机型: V2057A

页面类型: vue

vue版本: vue3

打包方式: 离线

项目创建方式: HBuilderX

示例代码:
{  
    "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages  
        {  
            "path": "pages/index/index",  
            "style": {  
                "navigationBarTitleText": "首页1"  
            }  
        },  
        {  
            "path": "pages/configuration/configuration",  
            "style": {  
                "navigationBarTitleText": "云组态1"  
            }  
        },  
        {  
            "path": "pages/user/user",  
            "style": {  
                "navigationBarTitleText": "我的1"  
            }  
        }  
    ],  
    "tabBar": {  
        "color": "#707070",  
        "selectedColor": "#1890FF",  
        "list": [{  
                "pagePath": "pages/index/index",  
                "iconPath": "static/image/index.png",  
                "selectedIconPath": "static/image/index_se.png",  
                "text": "首页2"  
            },  
            {  
                "pagePath": "pages/configuration/configuration",  
                "iconPath": "static/image/configuration.png",  
                "selectedIconPath": "static/image/configuration_se.png",  
                "text": "云组态2"  
            },  
            {  
                "pagePath": "pages/user/user",  
                "iconPath": "static/image/user.png",  
                "selectedIconPath": "static/image/user_se.png",  
                "text": "我的2"  
            }  
        ]  
    },  
    "globalStyle": {  
        "navigationBarTextStyle": "black",  
        "navigationBarTitleText": "uni-app",  
        "navigationBarBackgroundColor": "#F8F8F8",  
        "backgroundColor": "#F8F8F82"  
    },  
    "uniIdRouter": {}  
}  

操作步骤:

1.新建tabBar对应的三组页面
2.配置pages.json

预期结果:

显示标题导航栏,内容,tabBar三个模块

实际结果:

hbuilder自带的移动端inspect调试页面只显示内容,真机调试正常显示三个模块

bug描述:

【报Bug】移动端开发用hbuilder自带的调试工具Webview打开页面,项目的tabbar和标题导航项消失,只显示内容,真机或者模拟上可以正常看到

2023-06-02 14:36 负责人:无 分享
已邀请:
2***@qq.com

2***@qq.com (作者)

已解决。
通过咨询其他人得到的结果:原生组件在chrome调试中不显示。

DCloud_UNI_OttoJi

DCloud_UNI_OttoJi - 日常回复 uni-app/x 问题,如果艾特我没看到,请主动私信

你调试的一个具体的页面,具体的页面不包含其他页面结构

要回复问题请先登录注册