AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

关于Uniapp开发h5怎么直接在手机上看到效果,不需要模拟器和发布。

2023-08-08 400
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 关于Uniapp开发h5怎么直接在手机上看到效果,不需要模拟器和发布。
  1. 首先将手机和电脑连接同一个网络（这里以电脑连接手机热点为例）
  2. 将项目运行,运行后编辑器会输出两个地址,一个是http://localhost/前缀的,一个是以你本机ip地址(network)为前缀的. 现在复制以ip地址为前缀的那个地址.

79361b795248bab8cacf1474480680f5_a69ccf910eda47108ee42c1ab11d0093.png

  1. 将地址发送到手机,在手机浏览器上访问即可.效果同步刷新


如果编辑器没有输出ip地址为前缀的地址


  1. win+R输入cmd打开小黑窗
  2. 输入ipconfig 查询ip地址
  3. 找到无线局域网适配器 WLAN:下面的IPv4

90741687729dad1276666c13dd711ce3_adbb9422d37742e89e94595eb315491f.png

  1. 复制这串ip地址后面拼接上':端口号/' 发送给手机即可访问
文章标签：
移动开发
关键词：
h5手机
uniapp手机
手机h5
手机开发
手机uniapp
前端李十三
目录
相关文章
追逐时光者
|
16天前
|
设计模式 开发框架 JavaScript
基于.NET8 + Vue/UniApp前后端分离的快速开发框架，开箱即用！
基于.NET8 + Vue/UniApp前后端分离的快速开发框架，开箱即用！
追逐时光者
45 0
diygwcom
|
2月前
|
JavaScript 前端开发 小程序
uniapp一个人开发APP关键步骤和考虑因素
uniapp一个人开发APP关键步骤和考虑因素
diygwcom
135 1
uniapp一个人开发APP关键步骤和考虑因素
我是快乐的嘟嘟
|
2月前
|
移动开发 Android开发 容器
uniapp中使用videojs构建H5直播播放器
【10月更文挑战第14天】这两天在开发H5直播带货功能模块，使用原生的video播放器播放不了m3u8的流地址，于是找了videojs，参考了网上的一些资料研究了一下，感觉还不错，videojs播放m3u8流地址还挺稳定的，下面就简单记录一下uniapp里面使用方式
我是快乐的嘟嘟
67 3
邹荣乐
|
2月前
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略（微信小程序、H5、APP全覆盖）
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略（微信小程序、H5、APP全覆盖）
邹荣乐
263 3
diygwcom
|
2月前
|
Web App开发 移动开发 前端开发
uniapp环境H5运行及发行(入门必学)
uniapp环境H5运行及发行(入门必学)
diygwcom
184 5
java冯坚持
|
2月前
|
小程序 JavaScript API
微信小程序开发之：保存图片到手机，使用uni-app 开发小程序；还有微信原生保存图片到手机
这篇文章介绍了如何在uni-app和微信小程序中实现将图片保存到用户手机相册的功能。
java冯坚持
678 0
微信小程序开发之：保存图片到手机，使用uni-app 开发小程序；还有微信原生保存图片到手机
diygwcom
|
2月前
|
移动开发 小程序 数据可视化
一招学会DIY官网可视化设计支持导出微擎、UNIAPP、H5、微信小程序源码
一招学会DIY官网可视化设计支持导出微擎、UNIAPP、H5、微信小程序源码
diygwcom
43 2
ShaFaChuang-36210
|
3月前
|
移动开发 Android开发 数据安全/隐私保护
移动应用与系统的技术演进：从开发到操作系统的全景解析随着智能手机和平板电脑的普及，移动应用（App）已成为人们日常生活中不可或缺的一部分。无论是社交、娱乐、购物还是办公，移动应用都扮演着重要的角色。而支撑这些应用运行的，正是功能强大且复杂的移动操作系统。本文将深入探讨移动应用的开发过程及其背后的操作系统机制，揭示这一领域的技术演进。
本文旨在提供关于移动应用与系统技术的全面概述，涵盖移动应用的开发生命周期、主要移动操作系统的特点以及它们之间的竞争关系。我们将探讨如何高效地开发移动应用，并分析iOS和Android两大主流操作系统的技术优势与局限。同时，本文还将讨论跨平台解决方案的兴起及其对移动开发领域的影响。通过这篇技术性文章，读者将获得对移动应用开发及操作系统深层理解的钥匙。
ShaFaChuang-36210
91 12
胡东旭
|
4月前
|
小程序 前端开发 Java
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
JavaDog Chat v1.0.0 是一款基于 SpringBoot、MybatisPlus 和 uniapp 的简易聊天软件，兼容 H5、小程序和 APP，提供丰富的注释和简洁代码，适合初学者。主要功能包括登录注册、消息发送、好友管理及群组交流。
胡东旭
109 0
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
风吹落叶花飘荡
|
4月前
|
移动开发 JavaScript 前端开发
UniApp H5 跨域代理配置并使用（配置manifest.json、vue.config.js）
这篇文章介绍了在UniApp H5项目中处理跨域问题的两种方法：通过修改manifest.json文件配置h5设置，或在项目根目录创建vue.config.js文件进行代理配置，并提供了具体的配置代码示例。
风吹落叶花飘荡
543 2
UniApp H5 跨域代理配置并使用（配置manifest.json、vue.config.js）

热门文章

最新文章

  • 1
    30天再造一个“手机淘宝” 是怎样的一种体验？
  • 2
    Lync2013 升级错误总结1 手机客户端登录错误 提示：unhandled alert type 300 is r
  • 3
    如何通过手机认证登录CSDN
  • 4
    京东360buy 手机项目的“加入购物车”动画效果研究
  • 5
    联想K3全系，救黑砖（只要手机链接电脑有端口识别就能恢复正常）
  • 6
    诺基亚发布两年发展计划，重点是手机和VR
  • 7
    【IOS】教你如何在手机端轻松安装 ipa 文件 -（安装器已失效 21.10）|社区征文
  • 8
    在Python中实现安卓手机自动化
  • 9
    Fiddler手机抓包安装与配置
  • 10
    手机卫士07-设置向导
  • 1
    【Uniapp 专栏】Uniapp 打造的音乐类应用案例剖析
    100
  • 2
    【Uniapp 专栏】通过 Uniapp 构建移动办公应用案例分享
    148
  • 3
    【Uniapp 专栏】Uniapp 在社交应用开发中的案例研究
    108
  • 4
    【Uniapp 专栏】基于 Uniapp 的电商应用开发案例解析
    189
  • 5
    【Uniapp 专栏】Uniapp 与后端接口对接的实战要点
    649
  • 6
    【Uniapp 专栏】在 Uniapp 中实现复杂交互的实战技巧
    121
  • 7
    【Uniapp 专栏】Uniapp 项目中路由管理的实战经验分享
    244
  • 8
    【Uniapp 专栏】实用的 Uniapp 性能优化实战策略
    292
  • 9
    【Uniapp 专栏】Uniapp 开发实战：打造高效页面布局技巧
    372
  • 10
    【Uniapp 专栏】Uniapp 数据绑定原理的详细解读
    137

    • 相关电子书

    更多
  • Tangram
  • 360手机卫士 插件化漫谈
  • 手机京东Crash自动分析处理系统

    • 相关实验场景

    更多
  • 搭建微信小程序
    • 下一篇
    阿里云无影云电脑免费试用，最长可试用3个月