备案控制台
探索云世界
开发者社区 开发与运维 文章 正文

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

2023-08-08 168
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 关于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
手机开发
手机模拟器
前端李十三
目录
相关文章
iOS开发欢乐使者
|
1月前
|
Android开发 开发者 UED
个人开发 App 成功上架手机应用市场的关键步骤
个人开发 App 成功上架手机应用市场的关键步骤
iOS开发欢乐使者
48 0
Boale_H
|
1月前
|
移动开发 JavaScript
H5唤起手机打电话（拨号）和发短信功能
H5唤起手机打电话（拨号）和发短信功能
Boale_H
50 0
iOS开发欢乐使者
|
1月前
|
Android开发 iOS开发 开发者
轻松实现 UniApp Xcode 上传 IPA 无需 Mac，appuploder 一键上传助你高效开发！
轻松实现 UniApp Xcode 上传 IPA 无需 Mac，appuploder 一键上传助你高效开发！
iOS开发欢乐使者
20 2
web前端圈
|
3月前
|
小程序 前端开发 API
一文就知道uniapp等跨端开发的使用场景，学习成本，如何快速使用，基本语法等
uniapp是一个跨平台开发各种各样应用的一套框架。只需要写一套代码，可以适配多达14种产品类型，比如H5移动端、微信小程序及各种其他小程序，ios、安卓等接近原生APP的应用（可以上架到App Store或应用商店）。所以这里的多端，指的并不是PC、平板、手机端，而是移动端优先，开发者可以一次编码，分别编译为小程序和 Android 以及 iOS 应用，实现多端开发
web前端圈
88 0
憧憬blog
|
1月前
|
Java Android开发 开发者
【Uniapp开发】APP的真机调试指南，从开发到上架全过程
【Uniapp开发】APP的真机调试指南，从开发到上架全过程
憧憬blog
36 3
hhzz
|
1月前
|
缓存 数据可视化 小程序
uniapp项目中使用vue3开发多端项目实践
uniapp项目中使用vue3开发多端项目实践
hhzz
31 0
张思睿ZGQ
|
1月前
|
Java 关系型数据库 MySQL
【项目】手把手带你用 SpringBoot、Uniapp、MySql 开发一个简单的活动报名项目
【项目】手把手带你用 SpringBoot、Uniapp、MySql 开发一个简单的活动报名项目
张思睿ZGQ
154 1
源码星辰
|
2月前
|
数据采集 机器学习/深度学习 移动开发
uniapp+springboot医院智能导诊系统源码，自动兼容小程序与H5版本
技术架构：Uniapp+springboot+redis+mybatis plus+mysql+RocketMQ
源码星辰
74 0
编程千纸鹤
|
3月前
|
小程序 前端开发 JavaScript
前端Uni-app开发微信小程序|微信小程序手机商城
前端Uni-app开发微信小程序|微信小程序手机商城
编程千纸鹤
34 0
极客李华
|
3月前
uniapp项目实践第二章：使用vscode开发uniapp项目
uniapp项目实践第二章：使用vscode开发uniapp项目
极客李华
159 0

热门文章

最新文章

  • 1
    使用正则表达式验证身份证号、QQ号、手机号、邮箱、地址、邮编、银行卡号、学号、车牌号、快递单号、验证码、ISBN号、网址、IPV4地址、IPV6地址、出生年月日、姓名2
  • 2
    1185: 手机打字
  • 3
    MATLAB用深度学习长短期记忆 (LSTM) 神经网络对智能手机传感器时间序列数据进行分类
  • 4
    html页面实现自动适应手机浏览器（一行代码搞定）
  • 5
    基于SpringBoot+Vue+uniapp微信小程序的微信课堂助手小程序的详细设计和实现
  • 6
    基于SpringBoot+Vue+uniapp微信小程序的微信阅读网站小程序的详细设计和实现
  • 7
    解决使用document.activeElement.blur()禁止弹出手机默认键盘
  • 8
    基于SpringBoot+Vue+uniapp微信小程序的电子商城购物平台的详细设计和实现
  • 9
    基于SpringBoot+Vue+uniapp微信小程序的教师管理系统的详细设计和实现
  • 10
    uniapp上传图片 前端以及java后端代码实现
  • 1
    uniapp指南第1章---如何创建一个uniapp项目
    74
  • 2
    uniapp录音功能
    32
  • 3
    智慧工地云信息平台源码（微服务+java+springcloud+uniapp+mysql）
    31
  • 4
    uniapp去除滚动条的方法
    108
  • 5
    uniapp轮播图高度随变和左右滑动也获取高度
    18
  • 6
    uniapp转微信小程序编译报错 Bad attr `data-event-opts` with message
    54
  • 7
    uniapp动态获取swiper的高或宽
    33
  • 8
    【项目】手把手带你用 SpringBoot、Uniapp、MySql 开发一个简单的活动报名项目
    154
  • 9
    uniapp、vue、小程序、js图片转base64 示例代码
    35
  • 10
    uniapp中组件库的Checkbox 复选框的使用方法
    76

    • 相关电子书

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

    • 相关实验场景

    更多
  • 搭建微信小程序
    • 下一篇
    2024年阿里云免费云服务器及学生云服务器申请教程参考