UniApp 全局使用uni.getSystemInfoSync()的坑，你中招了吗

已于 2024-12-23 12:36:14 修改
阅读量892 收藏
点赞数 2
CC 4.0 BY-SA版权
分类专栏： 开发必备 2025开发必备(限时特惠) 文章标签： uni-app javascript 前端 getSystemInfo
于 2024-12-12 00:26:30 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41961749/article/details/144413408

UniApp 全局使用uni.getSystemInfoSync()的坑，你中招了吗

标签：uni-app，设备信息，Vue.prototype，windowHeight，uview-plus

欢迎关注 『开发必备』 专栏，专注于解决你在开发过程中遇到的各种问题，帮你快速找到解决方案，节省大量调试时间。内容持续更新中，保证每篇都值得收藏！

在这里插入图片描述

最近写 UniApp 的时候，有小伙伴问了我一个问题：
“每次用 uni.getSystemInfoSync() 获取设备信息太麻烦了，能不能全局赋值一次，哪里用直接拿？”
乍一听很合理，大家都喜欢写点方便的工具来减少重复劳动，但细品的话……这里面可能藏着一个坑。

了解本专栏 订阅专栏 解锁全文
【微信小程序】常用API-获取系统信息
墨夶的博客
11-25 1549
通过使用和，开发者可以轻松获取系统的相关信息，从而更好地适配不同设备、提供多语言支持、检查版本兼容性等。希望本文能够帮助你在微信小程序开发中更好地利用这些API。
【微信小程序】5步轻松掌握微信小程序获取系统信息API，你学会了吗？
java专栏
11-28 1289
异步获取系统信息。：同步获取系统信息。通过这两个API，你可以获取用户的设备信息、屏幕尺寸、操作系统版本等详细信息，从而更好地适配不同设备，提升用户体验。通过以上详细的介绍，相信你已经对微信小程序中的获取系统信息API有了全面的了解。无论是异步方法还是同步方法，只要掌握了这些基础知识和技巧，你就能轻松应对各种系统信息获取任务，开发出功能强大的小程序。希望你能轻松掌握这些技能，成为微信小程序开发的高手！🌟🚀下次见，祝你开发愉快！👋🎉。
uni-app编译环境
weixin_41876163的博客
10-22 2282
uni.getSystemInfoSync().platform // 1、uni-app 编译为小程序时均为生产环境，可用过 uni.getSystemInfoSync().platform 判断是在微信开发者工具里运行还是在手机里运行。 　if(uni.getSystemInfoSync().platform === 'devtools')　　　　　　 　　{ 　　　　 　　cons
uniapp开发小程序时使用UQRcode报警告getSystemInfoSync不再维护
skkkkkrt的博客
05-07 293
或获取屏幕宽高的方法 getSystemInfoSync.screenWidth，替换成。全局搜索getSystemInfoSync.pixelRatio，获取设备像素比替换成。
getSystemInfo和getWindowInfo区别
最新发布
qq_53245353的博客
07-06 457
对比项是否同步✅ 是✅ 是是否包含❌ 否✅ 是是否包含✅ 是✅ 是是否包含❌ 否✅ 是（部分平台）是否受页面配置影响❌ 否✅ 是（如 navigationStyle）适用场景全局设备适配、系统判断页面级布局、安全区域适配多平台兼容性✅ 高⚠️ 某些平台（如 H5）可能返回不完整数据js深色版本用于获取设备基本信息，用于获取页面窗口布局细节（特别是安全区域）。两者互补，推荐一起使用。
小程序开发API之获取系统信息wx.getSystemInfo()、wx.getSystemInfoSync()
M.Siebel
01-18 1万+
wx.getSystemInfo(） 获取系统信息 函数参数： 返回值： 例如： 写法一 index.js /* brand 设备品牌 model 设备型号 pixelRatio 设备像素比 screenWidth 屏幕宽度，单位px screenHeight 屏幕高度，单位px windowWidth 可使用窗口宽度，单位p...
uniapp判断当前运行环境 app h5 微信小程序 百度小程序
weixin_47873655的博客
05-21 1万+
hbuilderX最新版本现在已经支持在代码中获取当前所处环境 仅3.4.10+版本以上才支持，如果您的hbuilderX版本不是这个版本的需要先升级一下版本 hbuilderx下载 选择3.4.11及以上版本 const type = uni.getSystemInfoSync().uniPlatform console.log(type) // app uniPlatform 可取值如下： 值 生效条件 app App web H5 mp-weixin 微信小程序 mp-
uni-app微信公众号授权问题
老鼠爱大米OvO
09-04 1802
uni-app微信公众号授权问题 onLaunch: function() { var that= this console.log('App Launch') that.ScanAudio(); if(!uni.getStorageSync('strs')){ uni.setStorageSync('strs',GetRequest('strs')) console.log('333:'+uni.getStorageSync('strs')) }else{ var code =
uniapp报错wx-getSystemInfo is deprecated. Please usewx.getSystemSetting/wx.getAppAuthorizeSetting/wx.
m0_65546127的博客
11-27 7604
直接按提示使用：wx.getSystemSetting/wx.getAppAuthorizeSetting/wx.getDeviceInfo/wx.getWindowInfo/wx.getA。出错原因是：官网不在维护wx.getSystemInfoSync 接口。ppBaseInfo这几个接口其一就好啦。我的是uniapp项目，然后我直接全局用。
使用uniapp封装uni.request
liu62615的博客
05-26 489
创建utils文件夹，创建httpRequesrt.ts。
uniapp全局弹窗自定义uni.showModal思路总结
m0_54861649的博客
03-09 3361
整体来说推荐第四种nvue实现； 1.（适用于web,app不行）↓↓ // import PublicPopup from "@/pages/popup/PublicPopup.vue" // import gloPopup from "@/utils/gloPopup.js" Vue.use(uView); Vue.use(gloPopup) Vue.config.productionTip = false let componetsBox= Vue.component('public-pop
uniapp # 封装uni.request方法并挂载到全局
skysys的研究小屋
07-21 4127
为了便于修改接口（比如url），因此考虑封装一下uni.request方法。 request.js // 对uni.request方法的封装 import config from '../config/config.js' /* options: url/method/data */ const service = (options) => { return new Promise((resolve,reject) => { uni.request({ url: config.b
uniapp app.vue全局使用websocket
qq_40796623的博客
12-22 2899
之前百度看了很多种 还有uniapp自带的方法 个人觉得uniapp的方法还是比较简单，上代码 app.vue文件 data() { return { show: false, //投诉弹窗 timeout: 5000, // timeoutObj: null, tokenUser: "", }; }, created() { //我这里是登陆之后根据token判断连接websocket this.tokenUser =
微信小程序 getSystemInfoSync
GetcharZp的博客
12-23 6043
getSystemInfoSync 获取用户设备的相关信息 示例代码： 使用位置：在 JS文件的任意函数中使用 const res = wx.getSystemInfoSync(); console.log(res); console.log(res.model); // 设备机型 console.log(res.system); // 设备系统 ...
uniapp中wx.getSystemInfoSync() 或 wx.getSystemInfo() 踩坑
baidu_41601048的博客
12-05 5628
wx.getSystemInfoSync踩坑
微信小程序API 之 设备 获取系统信息 wx.getSystemInfo(OBJECT)、wx.getSystemInfoSync(object)
qq_095的博客
09-02 1万+
获取系统信息 获取系统信息。 wx.getSystemInfo(OBJECT) <view class="container"> <button bindtap='getInfo'>获取系统信息</button> <view wx:if="{{model !=''}}"> <view>手机
微信小程序项目 wx.getSystemInfoSync 接口弃用问题：wx.getSystemInfoSync is deprecated.
weixin_52173250的博客
03-12 3391
微信小程序项目 wx.getSystemInfoSync 接口弃用问题：wx.getSystemInfoSync is deprecated.
微信小程序：用 rpx 和 wx.getSystemInfoSync() 来适配屏幕高度
weixin_43837555的博客
02-04 1万+
目前网络上关于 px / rpx / rem 相互转换的博文有很多， 作为初学者在实际操作过程中会发现可以用 750rpx 来表示屏幕宽度，但屏幕高度咋表示捏？~ 于是本文主要用来说明如何用 rpx 和 wx.getSystemInfoSync() 来适配屏幕高度 具体步骤 首先我们需要用 wx.getSystemInfoSync() 来获取设备信息 /*把这两个变量作为全局变量，看起来会好看...
小程序 wx.getSystemInfoSync 获取 windowHeight 不准确的问题
热门推荐
梦逸灵箭——的博客
08-29 1万+
如果本文对你有用，请爱心点个赞，提高排名，帮助更多的人。谢谢大家！❤ 如果解决不了，可以在文末进群交流。 wx.getSystemInfo(OBJECT) 获取系统信息。 OBJECT参数说明： 参数 类型 必填 说明 success Function 是 接口调用成功的回调 fail Function 否 接口调用失...
uni.getSystemInfoSync().uniPlatform
06-21
处理弃用警告在uni-app中，如果你在微信小程序端看到`wx.getSystemInfoSync`被废弃的警告，说明你或你使用的组件直接调用了微信小程序的API。解决方案是：-将`wx.getSystemInfoSync`替换为`uni.getSystemInfoSync`-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

代码简单说

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值