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

圣光七仔
  • 145

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

回复
阅读 8.5k
4 个回答
Humphry
  • 16.4k
✓ 已被采纳

有。

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

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

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

虚拟机 远程调试

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

宣传栏