脚本调试利器firebug兼容各浏览器

  Firebug是firefox下的一个插件,最吸引我的就是javascript调试功能,设置断点监控变量使用起来非常方便,还能在控制台中编写脚本动态修改网页(比如把测试数据写入网页),还有比如html,css,dom的察看与调试,网站整体分析等功能都很强大。总之就是一整套完整而强大的 WEB开发工具。

  这么强大的工具怎么能只在firefox发挥作用呢,firefox的分支firebug lite项目就是让我们在其他浏览器上都能用上firebug,比如IE、Opera、Safari 浏览器上。同样可以查看 DOM 元素、跟踪 XHRs,操纵 HTML、 CSS 和 JavaScript 。

  Firebug Lite 能够在页面中插入调试:

<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>

  

 还可以创建Firebug Lite书签,在想要调试的网页调出界面调试:

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[i]('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');

 

 

 

 

 当然还有其他方式,比如把文件下到本地载入,放项目服务器上,另外最新发布版是1.3,也能下到开发中的1.4,更多详细信息可以去官网

 http://getfirebug.com/firebuglite

 

 

 

 

 

你可能感兴趣的:(JavaScript,浏览器,Firebug,脚本,firefox)