uniapp开发小程序-如何判断小程序是在手机端还是pc端打开

ゞ浴缸里的玫瑰 2024-02-06 04:48 16阅读 0赞

#### 官方说明 ####

[https://developers.weixin.qq.com/miniprogram/dev/devtools/pc-dev.html][https_developers.weixin.qq.com_miniprogram_dev_devtools_pc-dev.html]

#### 小程序如何判断是 PC 平台？ ####

通过 getSystemInfo 官方接口（platform 是 windows）  
通过 UA（PC UA 包含 MiniProgramEnv/Windows）

#### App.vue ####

<script>
    export default {
          
      onLaunch: function () {
          
        console.warn(
          "当前组件仅支持 uni_modules 目录结构 ，请升级 HBuilderX 到 3.1.0 版本以上！"
        );
        console.log("App Launch", uni.getSystemInfoSync().platform);
        uni.setStorageSync("platform", uni.getSystemInfoSync().platform);
        uni.setStorageSync(
          "windowWidth",
          wx.getStorageSync("devices").windowWidth 
        );
        uni.setStorageSync(
          "windowHeight",
          wx.getStorageSync("devices").windowHeight 
        );
      },
      onLoad() {
          },
      onShow: function () {
          
      },
      onHide: function () {
          
      },
    };
    </script>
    
    <style lang="scss">
    /*每个页面公共css */
    @import "@/uni_modules/uni-scss/index.scss";
    // 设置整个项目的背景色
    page {
          
      background-color: #f5f5f5;
    }
    </style>

#### 判断是否是pc端的函数（如果宽度足够也视为pc端） ####

/** 是否是pc端 */
    function isPC() {
        
      if (["windows", "mac"].some((v) => v === wx.getStorageSync("platform"))) {
        
        return true;
      }
      if (Number(wx.getStorageSync("windowWidth")) > 1000) {
        
        return true;
      }
      return false;
    }

同时值得注意的是，微信开发者工具的`platform`属性是`devtools`，只能体验版中进行测试真实的`platform`属性

[https_developers.weixin.qq.com_miniprogram_dev_devtools_pc-dev.html]: https://developers.weixin.qq.com/miniprogram/dev/devtools/pc-dev.html

发表评论取消回复

表情：

评论列表（有 0 条评论，16人围观）

还没有评论，来说两句吧...

相关阅读

相关 js判断需要访问的页面在手机端还是PC端打开

法一：最原始写的是这样子，发现在手机端打开pc端网页时，是跳转到pc端的链接，但是这个时候移动端页面显示不出来，而且会延迟页面渲染时间 <script t...

「爱情、让人受尽委屈。」/ 2024年04月19日 16:01/ 0 赞/ 87 阅读

相关 uniapp开发小程序-如何判断小程序是在手机端还是pc端打开

官方说明 [https://developers.weixin.qq.com/miniprogram/dev/devtools/pc-dev.html][https_de

ゞ浴缸里的玫瑰/ 2024年02月06日 04:48/ 0 赞/ 17 阅读

相关 PHP 判断访问来自手机端还是PC端

function：如果返回mobile则代表是移动端，如果返回pc则是电脑端。 / //判断是否手机设备 @retur

阳光穿透心脏的1/2处/ 2023年10月09日 11:39/ 0 赞/ 96 阅读

相关 laravel判断是手机移动端访问还是PC端访问

需求网站需要记录访问者是什么平台访问的网站解决在网上搜索发现可以使用`browser-detect`去使用的教程，但是自己使用发现报错，并不能使

た入场券/ 2023年06月15日 11:00/ 0 赞/ 24 阅读

相关判断是PC端还是移动端

var browser={ versions:function(){ var u = na

古城微笑少年丶/ 2023年01月05日 14:29/ 0 赞/ 197 阅读

相关 js判断是PC端还是手机端

效果预览：[https://miofly.gitee.io/resources/html/project/module/%E5%88%A4%E6%96%AD%E6%98%AF%

比眉伴天荒/ 2022年10月27日 06:16/ 0 赞/ 286 阅读

相关怎么判断是Pc端还是移动端？

怎么判断是Pc端还是移动端？ console.log(window.navigator.userAgent) 移动端返回的是：“Mozilla/5.0 (Li

青旅半醒/ 2022年05月23日 11:24/ 0 赞/ 345 阅读

相关判断是手机端还是PC端的代码

那天做到一个需要判断是手机端还是PC端的功能。我也不太懂，自己不会写，就在网上找了一下。找到的答案也是有的五花八门，最后看到一个比较简洁的就试用了一下，没得问题就继续用着了

梦里梦外;/ 2022年01月09日 06:39/ 0 赞/ 381 阅读

相关判断是手机端还是电脑端

<script type="text/javascript" src="./img/http://pv.sohu.com/cityjson?ie=utf-8"></script

分手后的思念是犯贱/ 2021年12月21日 06:43/ 0 赞/ 377 阅读

相关 JS判断是手机端还是PC端

function browserRedirect() { var sUserAgent = navigator.use

青旅半醒/ 2021年09月18日 12:56/ 0 赞/ 599 阅读