uni-app 开发调试自动打开手机屏幕大小界面（Aidex移动端开发项目）

9月前作者：Lan.W 分类：Toy博客阅读(56) 违法举报

这篇具有很好参考价值的文章主要介绍了uni-app 开发调试自动打开手机屏幕大小界面（Aidex移动端开发项目）。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

上效果：

uni-app 开发调试自动打开手机屏幕大小界面（Aidex移动端开发项目）,uni-app

下载Aidex的移动端项目并打开：

若依-ruoyi-AiDex-Uniapp: 若依-Ruoyi APP 移动解决方案，基于uniapp+uView封装的一套基础模版，开箱即用，免费开源，一份代码多终端适配，支持H5、支付宝小程序、微信小程序、APP，实现了与ruoyi-vue后台完美对接的移动解决方案，可直接开始快速开发业务需求，全新UI设计，更多交互细节，我们将为您提供极致的交互体验体验，持续推出高质量的交互产品https://gitee.com/big-hedgehog/ruoyi-uniapp修改manifest.json配置：将h5模板指向根目录h5.html

"h5" : {
    "template" : "h5.html",}

uni-app 开发调试自动打开手机屏幕大小界面（Aidex移动端开发项目）,uni-app 运行项目即可。

实现原理是h5.html里配置屏幕大小自动响应改变大小写，当前屏幕宽度大于手机常规大小写：768px时，自动把界面调小。文章来源地址https://www.toymoban.com/news/detail-835569.html

 <script>
      console.log('|--washing list',allWashingFactoryList)
			window.onresize = function () {
				if (document.documentElement.clientWidth >= 768) {
					window.location.href = '<%= BASE_URL %>static/#/';
					// window.location.href = '<%= BASE_URL %>#/';
				}
			};
			window.onresize();
		</script>

到了这里，关于uni-app 开发调试自动打开手机屏幕大小界面（Aidex移动端开发项目）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

WebStorm开发uni-app ,用vue2实现手机APP(apk) + 微信小程序多端项目开发方案

我们主要分析了如下小程序开发框架，主要包括：框架技术栈案例微信小程序支付宝小程序百度小程序头条小程序 H5 App uni-app Vue 丰富 ⭕ ⭕️ ⭕️ ⭕ ⭕️ ⭕ Taro React 丰富 ⭕ ⭕ ⭕ ⭕ ⭕ ⭕ wepy Vue 丰富 ⭕ ❌ ❌ ❌ ❌ ❌ mpvue Vue 丰富 ⭕ ❌ ❌ ❌ ⭕️ ❌ 首先，就要排

2024年02月08日
浏览(81)
uni-app项目在微信开发者工具打开时报错[ app.json 文件内容错误] app.json: 在项目根目录未找到 app.json

uni-app项目在微信开发者工具打开时控制台报错[ app.json 文件内容错误] app.json: 在项目根目录未找到 app.json (env: Windows,mp,1.06.2303220; lib: 2.32.0) 以下是一个uni-app项目，首先我们要查看是否有unpackage文件夹，如果有项目直接指向unpackagedistdevmp-weixin即可如果没有则需要用HBuilder

2024年02月16日
浏览(60)
uni-app学习：真机调试

感觉某些文章的步骤写得不是非常完整，新手看可能会感觉很迷糊，故写此文，对一些知识进行整合与完善，帮助他人，这种文章以后我可能会写很多，我感觉很有意义。需要用可以进行文件传输的USB线把自己的手机和电脑进行连接。然后，手机要进入开发者模式。小米（

2024年02月21日
浏览(56)
在 WebStorm 中开发 uni-app - 用vue2实现手机APP(apk) + 微信小程序项目开发方案 webstorm开发的uniapp + hbuilderx进行app 小程序打包

我们主要分析了如下小程序开发框架，主要包括：框架技术栈案例微信小程序支付宝小程序百度小程序头条小程序 H5 App uni-app Vue 丰富 ⭕ ⭕️ ⭕️ ⭕ ⭕️ ⭕ Taro React 丰富 ⭕ ⭕ ⭕ ⭕ ⭕ ⭕ wepy Vue 丰富 ⭕ ❌ ❌ ❌ ❌ ❌ mpvue Vue 丰富 ⭕ ❌ ❌ ❌ ⭕️ ❌ 首先，就要排

2024年02月05日
浏览(96)
在 WebStorm 中开发 uni-app - 用vue2实现手机APP(apk) + 微信小程序项目开发方案 webstorm开发的uniapp + hbuilderx进行app 小程序打包

我们主要分析了如下小程序开发框架，主要包括：框架技术栈案例微信小程序支付宝小程序百度小程序头条小程序 H5 App uni-app Vue 丰富 ⭕ ⭕️ ⭕️ ⭕ ⭕️ ⭕ Taro React 丰富 ⭕ ⭕ ⭕ ⭕ ⭕ ⭕ wepy Vue 丰富 ⭕ ❌ ❌ ❌ ❌ ❌ mpvue Vue 丰富 ⭕ ❌ ❌ ❌ ⭕️ ❌ 首先，就要排

2023年04月15日
浏览(80)
uni-app打开外部链接方式汇总(h5&app)

问题描述在应用中打开一个外部的html页面，即完整http链接的页面。h5通过window.open或是内嵌iframe基本都没有问题，本文主要针对app端的方法进行汇总，不涉及到小程序端。方案1 使用uni-app的扩展组件 uni-link ，使用参考文档uni-app官网该组件的行为是在app内打开外部浏览器，

2024年02月01日
浏览(46)
WebStorm开发uni-app ,用vue2实现手机APP(apk) + 微信小程序多端项目开发方案 webstorm开发的uniapp + hbuilderx进行app 小程序打包

我们主要分析了如下小程序开发框架，主要包括：框架技术栈案例微信小程序支付宝小程序百度小程序头条小程序 H5 App uni-app Vue 丰富 ⭕ ⭕️ ⭕️ ⭕ ⭕️ ⭕ Taro React 丰富 ⭕ ⭕ ⭕ ⭕ ⭕ ⭕ wepy Vue 丰富 ⭕ ❌ ❌ ❌ ❌ ❌ mpvue Vue 丰富 ⭕ ❌ ❌ ❌ ⭕️ ❌ 首先，就要排

2024年02月11日
浏览(75)
uni-app：如何实现安卓设备的无线调试

在前端开发中，与安卓设备进行调试是一个常见的任务。通常，我们使用ADB（Android Debug Bridge）通过USB连接来进行调试。然而，有时候我们可能需要无线进行调试，这样可以提供更大的灵活性和便利性。在本文中，我们将介绍如何使用uni-app框架和ADB来实现安卓设备的无线调试

2024年02月01日
浏览(49)
uni-app微信小程序打开第三方地图

小程序中有个按钮点击以后会调用手机中第三方地图进行导航。参数位置信息经度与纬度。原本以为一切顺利，结果在微信开发者工具中显示如下： location参数格式错误，请正确填写经过测试发现，因为我在微信小程序中使用，所以默认会使用腾讯地图来显示。而我的经

2024年02月06日
浏览(83)
uni-app通过uni.getSystemInfoSync()获得的手机信息

突发奇想，记录一下，hbuilder的真机测试可以获取到哪些手机信息。 console.log(uni.getSystemInfoSync()) 打印之后的信息为：假设，我设计一个页面，设计图如下所示：已知button部分的高度为100rpx，空白求空白部分的高度。设：空白部分高度为heightW，空白部分的高度为： uni.height

2024年02月20日
浏览(39)