前端手机本地调试小技巧
问题:pc调试手机页面经常出现一些问题,所以需要在手机上查看,更便于观察问题。
准备工作:手机(与电脑在同一局域网下),编辑器(我用的Hbuilder,我测试了大多编辑器都有启动本地服务的功能),电脑(我的是windows,mac的请找自己ip的方式)
1.本地的项目,在chrome下查看
2.本地打开效果
3.打开自己的终端输入ipconfig
找到自己的IPv4的地址
4.IPv4的地址替换启动本地项目地址(本地地址有的尾localhost,有的为172...,不要把端口替换)
5.本地查看(这个地址发送给手机,但是一定确保手机和电脑在同一网下)
总结:我测试了很多编辑器,但是一定要启动本地服务才行。