美文网首页
真机调试web App页面 (chorme浏览器)

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

作者: 壹东一兮 | 来源:发表于2018-11-26 15:38 被阅读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和端口即可查看页面

    相关文章

      网友评论

          本文标题:真机调试web App页面 (chorme浏览器)

          本文链接:https://www.haomeiwen.com/subject/ahdbqqtx.html