在手机上调试H5页面

1.  在电脑和手机上都安装Chrome浏览器;
2.  手机用数据线连接到电脑上;
3.  在设置的开发者选项里开启手机的USB调试;
4.  要确保手机和电脑连接的是同一局域网,并且关掉电脑上的防火墙;
5.  电脑上的chrome浏览器访问chrome://inspect,如果连接成功,就会在电脑上的chrome浏览器中显示出对应的手机的型号;

6. 在手机上的chrome浏览器内输入要查看的网址;

7. 此时电脑上的chrome://inspect页面中就会出现可以检查的页面;

如果调试的开发页面为locasthost的时候,移动端是拿不到这个页面的。可以在cmd里输入ipconfig,就可以看到ipv4地址,也就是本机的ip地址,用这个地址替换localhost。
但这个时候vue项目又会出现无法访问的情况,找到 config 文件夹下面的 index.js 里面的 dev,把 host 的值改成 0.0.0.0,重新编译即可。

原文地址:https://www.cnblogs.com/lgx5/p/15054861.html