m***@gmail.com
m***@gmail.com
  • 发布:2023-11-27 15:38
  • 更新:2023-11-30 13:36
  • 阅读:279

pages.json中的条件编译如何区分pc h5还是手机h5

分类:uni-app

pages.json中的条件编译如何区分pc h5还是手机h5

2023-11-27 15:38 负责人:无 分享
已邀请:

最佳回复

DCloud_UNI_OttoJi

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

如果是想通过条件编译完成 pc h5 的适配是不可行的,这都归属于 h5 。

如果你想区分 pc 和 h5 的展示效果,可以参考官网文档 宽屏适配指南一文 https://uniapp.dcloud.net.cn/tutorial/adapt.html,搜索 leftWindow 和 match-media 关键词。实现不同的展示效果。

  • m***@gmail.com (作者)

    这个我知道,为啥不增加编译期能区分pc的H5和手机的h5的功能呢

    2023-11-30 11:15

BoredApe

BoredApe - 有问题就会有答案。

运行时 使用UA或者使用uni.getDeviceInfo()-deviceType 判断pc or mobile
编译时 使用条件编译时可以使用 #ifdef VAR/@endif方式
例如:

<!-- #ifdef process.env.NODE_ENV!='production' -->    
    <!-- xxx -->    
<!-- #endif -->
// #ifdef process.env.UNI_PLATFORM === 'h5'  
    console.log('h5')  
// #endif  
// #ifdef process.env.UNI_PLATFORM === 'app'  
    console.log('app')  
// #endif
// #ifdef process.env.UNI_PLATFORM === 'app'  
,{  
    "path" : "pages/test/test",  
    "style" :                                                                                      
    {  
        "navigationBarTitleText": "",  
        "enablePullDownRefresh": false  
    }  

}  
// #endif
  • m***@gmail.com (作者)

    你这编译时只区分了APP和H5,我是要编译时区分是PC的H5还是手机H5

    2023-11-30 10:30

DCloud_heavensoft

DCloud_heavensoft

不能通过条件编译判断。发布的时候也只有一个发布选项。

  • m***@gmail.com (作者)

    为啥不增加编译期能区分pc的H5和手机的h5的功能呢

    2023-11-30 11:16

爱豆豆

爱豆豆 - 办法总比困难多

不管你是在pc打开还是手机打开都是h5 条件编译无法区分

  • m***@gmail.com (作者)

    为啥不增加编译期能区分pc的H5和手机的h5的功能呢

    2023-11-30 11:16

BoredApe

BoredApe - 有问题就会有答案。

要回复问题请先登录注册