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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM