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

2018-11-26  本文已影响0人  壹东一兮

话不多说,直接开始

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和端口即可查看页面

上一篇下一篇

猜你喜欢

热点阅读