移动浏览器上该怎么调试页面？

Question

开发适用于移动浏览器的页面时，有没有类似于 Chrome DevTools 的工具，帮助前端工程师调试页面？

Answer 1

有。

远端调试可以使用数据线或链接到同一个wifi，手机端chrome/safari/firefox/opera上打开页面，在桌面端调试；也可以自己架构一个调试服务器，来调试手机上其他webkit内核的浏览器（如海豚浏览器）。

详情请阅读：http://blog.segmentfault.com/humphry/1190000000313211

Answer 2

如果要求不是特别严格，可以试试这种，效果基本上和手机上差不多。除了比如pre这些少数的标签样子不一样其他基本都一样，可以模拟窗口大小，地理位置，手机倾斜角度，模拟触摸。

Answer 3

虚拟机 远程调试

Answer 4

ipad 在safari的设置里打开 开发者调试；
通过数据线链接ipad；
打开mac os上的safari 会看到开发一栏出现了ipad一栏，里面是ipad上safari打开的标签；
点开之后出现审查元素；
接着就可以和调试本地一样调试ipad or iphone上的网页了。