uni-app判断设备是否为 iPhone以及存入全局变量

最新推荐文章于 2024-04-30 11:35:31 发布
最新推荐文章于 2024-04-30 11:35:31 发布
阅读量4k 收藏 1
点赞数 1
分类专栏： uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38655624/article/details/113472878
版权

在app.vue中判断存入全局变量

在globalData中声明变量

globalData: { 
	isIphone:false
},

onLaunch: function() {
	//判断设备是否为 iPhone
	const self = this
	uni.getSystemInfo({
	  success: function(res) {
		// 根据 model 进行判断
		if (res.model === 'iPhone X' || 'iPhone XR' || 'iPhone XS Max' || 'iPhone 11' || 'iPhone 11 Pro' || 'iPhone 11 Pro Max') {
		  getApp().globalData.isIphone = true
		}
	  }
	})
}

获取全局变量

this.isIphone = getApp().globalData.isIphone
棠宝
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
uniGUI基于手机浏览器的数据访问开发与研究
02-17
基于uniGUI1.0.0.1424 and c++builder 10.2.2tokyo开发实现基于手机浏览器访问oracle数据库的测试应用，本资源为源代码。
uni-app判断设备是否为 iPhone
m0_51499501的博客
08-13 2359
onLaunch: function() { //判断设备是否为 iPhone const self = this uni.getSystemInfo({ success: function(res) { // 根据 model 进行判断 if (res.model === ‘iPhone X’ || ‘iPhone XR’ || ‘iPhone XS Max’ || ‘iPhone 11’ || ‘iPhone 11 Pro’ || ‘iPhone 11 Pro Max’) { console.log(’
uniapp判断当前环境是ios还是android
最新发布
m0_38007556的博客
04-30 690
【代码】uniapp判断当前环境是ios还是android。
Unity如何区分安卓、苹果设备是手机与平板？
起个名字好难啊
01-23 2419
iOS Unity 4.x 版本与Unity 5.x 系统函数略有不同：     Unity 5.x 的方式为：UnityEngine.iOS.Device.generation； //******************2016.02.22   Bruce_Xu********************* #if UNITY_ANDROID         float physicscre
html、vue、小程序的区别
weixin_44749729的博客
07-28 2029
html、vue、小程序的区别 网络模型改变 1.以前b/s：服务端代码混在页面中 2.现在c/s：前后端分离，通过js，api获取json数据，通过数据绑定渲染在页面上 文件类型变化 1.以前.html文件，开发运行都是html 2.现在是.vue，开发是.vue，经过编译后运行变成js文件 文件内代码变化 1.以前 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /&gt
uni-APP 区分 Android、iOS 平台
weixin_51231997的博客
03-14 7009
Android 和 iOS 平台不支持通过条件编译来区分 使用uni-app开发时候，区分 Android、iOS 平台，需要uni-app提供的API：uni.getSystemInfo和uni.getSystemInfoSync() 1.调用uni.getSystemInfo 来获取平台信息。 2.代码已经打入包中，仍然需要在代码运行期分析运行环境，此时可使用uni.getSystemInfoSync().platform判断客户端环境是 Android、iOS 还是小程序开发工具 3.在百度小程
uni-app 富文本编辑 回显富文本和修改富文本！
11-21
uni-app 富文本编辑 回显富文本和修改富文本！uni-app 富文本编辑 回显富文本和修改富文本！uni-app 富文本编辑 回显富文本和修改富文本！uni-app 富文本编辑 回显富文本和修改富文本！uni-app 富文本编辑 回显富...
uni-app uni-data-picker 省市区数据表
06-16
<uni-data-picker> 是一个选择类datacom组件。支持多列级联选择。列数没有限制，如果屏幕显示不全，顶部tab区域会左右滚动。 适用于uni-app使用uni-data-picker实现省市区选择器的json数据
uni-app调用Android原生可以实现通信及打开WiFi
01-13
在uni-app的JS端，通过`uni.$invokeMethod`调用这个原生插件，传入是否开启WiFi的布尔值参数。\n\n4. **权限管理**\n 开启或关闭WiFi涉及到Android系统的权限管理。在Android 6.0及以上版本，需要在运行时动态请求`...
uni-app
02-22
uni-app的组件库还包括列表、按钮、图片、表单等常见的UI元素，以及各种交互效果，使得开发者能够快速地搭建出符合设计稿的应用界面。 uni-app的跨平台能力得益于其基于Vue.js的语法体系，这使得熟悉Vue的开发者...
uni-app登录实例的实现
10-29
【uni-app登录实例的实现】 在移动应用开发领域，uni-app是一个备受青睐的跨平台框架，它允许开发者用一套代码实现多端部署，包括iOS、Android、Web等。本实例将详细讲解如何使用HBuilderX工具来开发一个uni-app...
uniapp h5判断用户是否是ios系统
zerlinda0913的博客
07-08 1200
uni.getSystemInfo
判断是否在Safari浏览器打开的页面
henghahouhei的博客
01-17 659
判断页面是否是在safiri浏览器打开的
uniapp 判断设备为安卓还是ios
weixin_44805839的博客
11-29 6894
let platform = uni.getSystemInfoSync().platform; if (platform == 'android') { try { console.log("安卓") } catch (e) { alert("error:" + e.message); ...
uniapp开发之环境判断
weixin_41951632的博客
01-27 4512
uniapp开发之环境判断 1、开发环境和生产环境判断 通过 process.env.NODE_ENV 判断当前环境是开发环境还是生产环境。一般用于连接测试服务器或生产服务器的动态切换。 if(process.env.NODE_ENV === 'development'){ console.log('开发环境') }else{ console.log('生产环境') } 2、判断平台 编译期判断 编译期判断，即条件编译，不同平台在编译出包后已经是不同的代码。 // #ifdef H5
uni-app - 检查机型是否为刘海屏（如iPhone X）
王佳斌
11-25 7519
前言 有时候，普通机型的界面，到刘海屏上就会有问题，尤其是顶部最容易出问题。 如果知道了是否是刘海屏，那么我们可以动态设置一些 css 属性，来兼容样式。 实现 利用 5+ API 可查询当前设备是否为刘海屏。 plus.navigator.hasNotchInScreen() 返回值为 Boolean 演示 可在 onShow() 生命周期函数中直接判断： if(plus.navigator.hasNotchInScreen()) { // 刘海屏执行的逻辑 } else{ //非刘海屏 }
uni-app判断机型
weixin_48091030的博客
09-07 3983
在uni中判断ios还是安卓系统
uni-app如何定义和使用全局变量
05-19
在uni-app中，可以使用Vue.js的全局变量来定义和使用全局变量。 1. 在 `main.js` 中定义全局变量： ```javascript import Vue from 'vue' Vue.prototype.$globalVar = '这是一个全局变量' ``` 2. 在需要使用全局变量的组件中，直接使用 `$globalVar` 即可： ```vue <template> <div>{{ $globalVar }}</div> </template> <script> export default { mounted() { console.log(this.$globalVar) } } </script> ``` 注意：如果需要在组件中修改全局变量，需要使用 `Vue.set()` 方法进行修改，否则不会更新全局变量的值。例如： ```vue <template> <div>{{ $globalVar }}</div> <button @click="changeGlobalVar">修改全局变量</button> </template> <script> export default { methods: { changeGlobalVar() { // 修改全局变量 Vue.set(this.$root, '$globalVar', '修改后的全局变量') } } } </script> ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值