欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

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

0

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

 

4个回答

4

已采纳

有。

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

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

1

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

0

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

来自  https://segmentfault.com/q/1010000000375823


普通分类: