前端手机本地调试小技巧

来源:互联网 发布:电脑报淘宝 编辑:程序博客网 时间:2024/05/29 13:12

问题:pc调试手机页面经常出现一些问题,所以需要在手机上查看,更便于观察问题。

准备工作:手机(与电脑在同一局域网下),编辑器(我用的Hbuilder,我测试了大多编辑器都有启动本地服务的功能),电脑(我的是windows,mac的请找自己ip的方式)

1.本地的项目,在chrome下查看


2.本地打开效果


3.打开自己的终端输入ipconfig  找到自己的IPv4的地址


4.IPv4的地址替换启动本地项目地址(本地地址有的尾localhost,有的为172...,不要把端口替换)


5.本地查看(这个地址发送给手机,但是一定确保手机和电脑在同一网下)


总结:我测试了很多编辑器,但是一定要启动本地服务才行。

原创粉丝点击