真机调试web App页面 (chorme浏览器)

话不多说,直接开始

1.手机使用USB连接连接电脑,在设置中设置开发者选项中打开USB调试,并使手机网络与电脑网络处在同一个局域网下。

2.在chorme浏览器搜索框中输入chorme://inspect,可在Device中查看连接的设备

Remote Target.png

当在手机中打开了chorme浏览器后,PC端的chorme浏览器就会检测到该App
手机端打开chorme.png

3.在PC端设置项目的本地服务器地址。可在项目的package.json等配置文件中进行相关的设置,需要将项目的IP地址设置为PC端在当前局域网中的IPv4地址。因为需要使用移动端通过IP访问PC端的页面,localhost肯定是不行的。
"serve": "http-server ./www/ -o -c 1 -a 192.168.1.102 -p 8000",
说明:"-a 当前计算的局域网IP地址 -p 端口"
其他配置文件修改相应的host和port即可
再重新运行项目

4.在移动端chorme浏览器中输入相应的IP和端口即可查看页面

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 摘要 家庭一般都是拨号上网,只有一个人能用网络资源,家里的其他成员就不能用网络资源,为了让每个成员都能用网络资源,...
    smallBear阅读 4,938评论 1 4
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,387评论 25 708
  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 12,958评论 2 59
  • 【课堂简述】 Keep On 今天是综合训练,增加了节奏变化的歌曲;有10名会员,大家目前姿势越来越专业了。 【注...
    雅卜湾的小妞阅读 364评论 0 2
  • “刷——”那是皮带划破空气落到身体的声音。被妈妈紧抱在怀里的王源,明显感到妈妈的恐惧。 “你们怎么还不滚去死”王源...
    安安2023阅读 195评论 0 0