iOS 设备的网页调试工具-Firebug
2013-04-23 16:04
260 查看
Firebug 本身是一款 Firefox 浏览器的知名插件,能够用于调试网页,支持 HTML、CSS 等网页语言。Firebug 可以在 IE、Firefox、Opera、Safari 等多款浏览器平台上使用,有的人甚至将其冠以“网页调试利器”的名头。
如何将它用于在 iOS 设备上进行网页调试呢?MartinKool.com 分享了一个不错的小技巧,一起来看看吧!
1、在 iOS 设备的 Safari 浏览器上浏览任意网页
2、添加网页书签并命名为 Firebug
3、复制下面这段代码
javascript:(function(F,i,r,e,b,u,g,L,I,T,E){if(F.getElementById(b))return;E=F[i+'NS']&&F.documentElement.namespaceURI;E=E?F[i+'NS'](E,'script'):F('script');E[r]('id',b);E[r]('src',I+g+T);E[r](b,u);(F[e]('head')[0]||F[e]('body')[0]).appendChild(E);E=new%20Image;E[r]('src',I+L);})(document,'createElement','setAttribute','getElementsByTagName','FirebugLite','4','firebug-lite.js','releases/lite/latest/skin/xp/sprite.png','https://getfirebug.com/','#startOpened');
4、修改第2步中创建的书签,将地址信息用上面的代码替代,即可。
下面就容易了,等到你打开想要调试的网页的时候在书签中点击“Firebug”,稍等片刻,即可看见如文章配图的效果。会有一个网页调试工具出现在浏览器的下方,包括控制台、HTML 查看器、CSS 查看器、脚本调试器、DOM 查看器等实用工具。
如何将它用于在 iOS 设备上进行网页调试呢?MartinKool.com 分享了一个不错的小技巧,一起来看看吧!
1、在 iOS 设备的 Safari 浏览器上浏览任意网页
2、添加网页书签并命名为 Firebug
3、复制下面这段代码
javascript:(function(F,i,r,e,b,u,g,L,I,T,E){if(F.getElementById(b))return;E=F[i+'NS']&&F.documentElement.namespaceURI;E=E?F[i+'NS'](E,'script'):F('script');E[r]('id',b);E[r]('src',I+g+T);E[r](b,u);(F[e]('head')[0]||F[e]('body')[0]).appendChild(E);E=new%20Image;E[r]('src',I+L);})(document,'createElement','setAttribute','getElementsByTagName','FirebugLite','4','firebug-lite.js','releases/lite/latest/skin/xp/sprite.png','https://getfirebug.com/','#startOpened');
4、修改第2步中创建的书签,将地址信息用上面的代码替代,即可。
下面就容易了,等到你打开想要调试的网页的时候在书签中点击“Firebug”,稍等片刻,即可看见如文章配图的效果。会有一个网页调试工具出现在浏览器的下方,包括控制台、HTML 查看器、CSS 查看器、脚本调试器、DOM 查看器等实用工具。
相关文章推荐
- Debugging Web Content on iOS(在iOS设备上调试网页内容)
- 【越狱开发】启动iOS设备上的WebInspector功能进行网页调试
- 远程调试Android/IOS设备/微信网页方法汇总
- Hybrid----Debugging Web Content on iOS(在iOS设备上调试网页内容)
- Andriod设备使用ADB工具进行调试
- 手机调试网页工具
- xcode目标调试时未出现ios真机设备
- UTF-8 和 GB2312 编码转换 & 在IE中使用常用Web调试工具 Firebug
- iOS App UI调试工具(二)· Realtime Debug Portal
- 微信推出网页开发调试工具,方便广大微信开发工程师上线调试
- iOS测试工具和调试技巧以及内测发布平台总结
- javacrip调试工具foxfire+firebug插件
- 浏览器调试工具网页性能分析中的使用
- 前端开发必备工具-网页调试工具
- firebug插件-如何使用firefox进行网页js调试
- ios下设备与电脑的通讯工具(类似android 下的adb)
- Xcode7.2如何真机调试iOS 9.3的设备
- MIUI开启开发者模式以及使用chrome调试移动设备上打开的网页
- 记两个非常好的查看ios设备nslog的工具,官方提供
- iOS FLEX等内调试工具注意事项