在手机上调试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，重新编译即可。