前端手机本地调试小技巧
2017-06-05 15:48
204 查看
问题:pc调试手机页面经常出现一些问题,所以需要在手机上查看,更便于观察问题。
准备工作:手机(与电脑在同一局域网下),编辑器(我用的Hbuilder,我测试了大多编辑器都有启动本地服务的功能),电脑(我的是windows,mac的请找自己ip的方式)
1.本地的项目,在chrome下查看
2.本地打开效果
3.打开自己的终端输入ipconfig
找到自己的IPv4的地址
4.IPv4的地址替换启动本地项目地址(本地地址有的尾localhost,有的为172...,不要把端口替换)
5.本地查看(这个地址发送给手机,但是一定确保手机和电脑在同一网下)
总结:我测试了很多编辑器,但是一定要启动本地服务才行。
准备工作:手机(与电脑在同一局域网下),编辑器(我用的Hbuilder,我测试了大多编辑器都有启动本地服务的功能),电脑(我的是windows,mac的请找自己ip的方式)
1.本地的项目,在chrome下查看
2.本地打开效果
3.打开自己的终端输入ipconfig
找到自己的IPv4的地址
4.IPv4的地址替换启动本地项目地址(本地地址有的尾localhost,有的为172...,不要把端口替换)
5.本地查看(这个地址发送给手机,但是一定确保手机和电脑在同一网下)
总结:我测试了很多编辑器,但是一定要启动本地服务才行。
相关文章推荐
- 【前端调试手机页面】分享一款便捷的调试工具--spy-debugger
- 用手机通过tomcat服务器 调试PC本地页面及js
- 在电脑上用chrome浏览器调试android手机里的网页代码时,无法看到本地加载的js文件
- 如何用手机访问电脑本地localhost网页, 以调试项目?
- 如何用 fiddler 代理调试本地手机页面
- jq前端拦截ajax 使用本地数据调试
- Web前端本地调试
- 前端 手机 调试 框架 vConsole
- 使用 Fiddler 代理调试本地手机页面
- 用Chrome在手机上调试本地网页代码
- 手机前端开发调试利器 – vConsole
- 【前端开发】利用Fiddler抓包工具进行本地调试
- 【前端】使用weinre对手机、微信浏览器页面调试
- 前端调试小技巧
- 手机前端开发调试利器 (可以在手机上进行打印数据)
- 手机前端开发调试利器 – vConsole
- 使用 Fiddler 代理调试本地手机页面
- 手机前端开发调试利器 – vConsole
- 使用Fiddler代理调试本地手机页面
- Eruda——手机网页前端调试面板