前端调试,在电脑上调试手机浏览器

参照教程:http://www.tuicool.com/articles/mAzmq2

1、按教程说的装好 weinire 之后,复制下面代码到需要调试的html上:

2、在电脑的cmd输入以下命令打开本地调试:

weinre —boundHost [IP_address] —httpPort [port]
运行成功之后:
前端调试,在电脑上调试手机浏览器 - 图1

在电脑浏览器输入上面命令中输入的 [IP_address]:[port] ,我这里是 192.168.0.131:8899,即可访问到以下页面,打开页面中的第一条链接即可进入本地调试工具页面了,跟浏览器中打开 f12 之后的工具非常相似。
前端调试,在电脑上调试手机浏览器 - 图2
前端调试,在电脑上调试手机浏览器 - 图3

3、之后你就可以在手机的任何浏览器上访问一开始提到的那个需要调试的html,访问成功之后,在本地调试工具页的第一个 tab 的 Targets 中看到你访问的 url,选中 url 之后切换到其他 tab 即可进行调试工作了。

前端调试,在电脑上调试手机浏览器 - 图4
前端调试,在电脑上调试手机浏览器 - 图5