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

本文介绍: “当前组件仅支持 uni_module s 目录结构，请升级 HBuilderX 到 3.1.0 版本以上！通过 getSyste mInfo 官方接口（pla t form 是 windows）通过 UA（PC UA 包含 MiniProg ramEnv/Win dows）同时值得注意的是，微信开发者工具的。/*每个页面公共 css */，只能体验版中进行测试真实的。// 设置整个项目的背景色。

官方说明

https://developers.weixin.qq.com/miniprogram/dev/devtools/pc-dev.html

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

通过 getSyste mInfo 官方接口（pla tform 是 windows）
通过 UA（PC UA 包含 MiniProg ramEnv/Win dows）

Ap p.vue

&lt;script&gt;
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;
}