您的位置:首页 > 移动开发 > IOS开发

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 查看器等实用工具。


内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: