首先在中添加一个盒子准备使用获取到的分辨率；
然后在onLoad()中使用uni.getSystemInfo方法（onload 对比Vue的created）；
这里因为使用的是箭头函数（因为格式化问题，箭头被恢复成了function），在onLoad里面使用var that = this来避免this的指向问题；
最后在中使用获取到的height。
也可参考uni-app官网获取分辨率的例子,红框标注获取当前屏幕的宽和高，也可根据文档的其他了参数来和获取设备参数。
uni-app （移动端)在不同设备获取当前屏幕分辨率）
2022-11-05
683
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
uni-app （移动端)在不同设备获取当前屏幕分辨率）
目录
相关文章
|
6月前
|
监控
安全
数据可视化
java基于微服务的智慧工地管理云平台SaaS源码 数据大屏端 APP移动端
围绕施工现场人、机、料、法、环、各个环节，“智慧工地”将传统建筑施工与大数据物联网无缝结合集成多个智慧应用子系统，施工数据云端整合分析，提供专业、先进、安全的智慧工地解决方案。
165
1
1
|
6月前
|
域名解析
JSON
测试技术
|
6月前
|
Android开发
【Android App】蓝牙的设备配对、音频传输、点对点通信的讲解及实战（附源码和演示 超详细）
【Android App】蓝牙的设备配对、音频传输、点对点通信的讲解及实战（附源码和演示 超详细）
1283
0
0
|
6月前
|
JavaScript
前端开发
测试技术
移动端（APP）自动化脚本工具详细列举（autojs、easyclick、hamibot、ctrljs ...）
移动端（APP）自动化脚本工具详细列举（autojs、easyclick、hamibot、ctrljs ...）
2119
0
0
|
17天前
|
Java
测试技术
持续交付
【入门思路】基于Python+Unittest+Appium+Excel+BeautifulReport的App/移动端UI自动化测试框架搭建思路
本文重点讲解如何搭建App自动化测试框架的思路，而非完整源码。主要内容包括实现目的、框架设计、环境依赖和框架的主要组成部分。适用于初学者，旨在帮助其快速掌握App自动化测试的基本技能。文中详细介绍了从需求分析到技术栈选择，再到具体模块的封装与实现，包括登录、截图、日志、测试报告和邮件服务等。同时提供了运行效果的展示，便于理解和实践。
63
4
4
|
15天前
|
数据采集
网络协议
算法
移动端弱网优化专题(十四)：携程APP移动网络优化实践（弱网识别篇）
本文从方案设计、代码开发到技术落地，详尽的分享了携程在移动端弱网识别方面的实践经验，如果你也有类似需求，这篇文章会是一个不错的实操指南。
40
1
1
|
5月前
|
开发框架
移动开发
JavaScript
SpringCloud微服务实战——搭建企业级开发框架（四十七）：【移动开发】整合uni-app搭建移动端快速开发框架-添加Axios并实现登录功能
在uni-app中，使用axios实现网络请求和登录功能涉及以下几个关键步骤：
1. **安装axios和axios-auth-refresh**：
在项目的`package.json`中添加axios和axios-auth-refresh依赖，可以通过HBuilderX的终端窗口运行`yarn add axios axios-auth-refresh`命令来安装。
2. **配置自定义常量**：
创建`project.config.js`文件，配置全局常量，如API基础URL、TenantId、APP_CLIENT_ID和APP_CLIENT_SECRET等。
225
60
60
|
4月前
|
JSON
前端开发
API
|
4月前
|
前端开发
开发者
|
6月前
|
开发框架
移动开发
JavaScript
SpringCloud微服务实战——搭建企业级开发框架（四十六）：【移动开发】整合uni-app搭建移动端快速开发框架-环境搭建
正如优秀的软件设计一样，uni-app把一些移动端常用的功能做成了独立的服务或者插件，我们在使用的时候只需要选择使用即可。但是在使用这些服务或者插件时一定要区分其提供的各种服务和插件的使用场景，例如其提供的【uni-starter快速开发项目模版】几乎集成了移动端所需的所有基础功能，使用非常方便，但是其许可协议只允许对接其uniCloud的JS开发服务端，不允许对接自己的php、java等其他后台系统。
310
61
61
热门文章
最新文章
1
【83行代码获奖代码】高中生@青藤木子 耗费一周给妈妈编写了一款语音识别APP
2
3个常用外贸软件及app工具整理
3
我看TechEd 2012之App时代降临
4
react-native-easy-app 详解与使用之（三） View，Text，Image，Flatlist
5
App_Code目录中存放不同语言的类文件导致错误的解决方案
6
15套帮助你展示 App 设计的透视屏幕原型素材
7
【android 应用】Android（安卓）APP（应用）如何推广？整理
8
短视频APP源码中系统评论功能是如何实现的
9
Google App Engine Web开发之java类到网址的映射——实现用java类处理jsp页面的提交
10
.replace(R.id.container, new User()).commit();/The method replace(int, Fragment) in the type FragmentTransaction is not app
1
binder机制原理面试，安卓app开发教程
86
2
uni-app subNVue 原生子窗体开发指南
276
3
Android mk 集成app
55
4
uni-app和Vue.js二者之间有什么区别？
64
5
uni-app 安装与配置
115
6
开发uniapp过程中对app、微信小程序与h5的webview调试
1152
7
jenkins编译H5做的android端编译卫士app记录
50
8
C#/ASP.NET应用程序配置文件app.config/web.config的增、删、改操作
73
9
Xpath高阶定位技巧，轻松玩转App测试元素定位！
91
10
简洁大气APP下载单页源码
118