`
WKsandy
  • 浏览: 149188 次
  • 性别: Icon_minigender_1
  • 来自: 常州
社区版块
存档分类
最新评论

脚本调试利器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

 

 

 

 

 

分享到:
评论

相关推荐

    firebug 1.5 JavaScript兼容性调试利器

    关于兼容性测试,Firebug 1.5支持多浏览器环境下的调试。尽管现在许多现代浏览器已经内置了类似的开发者工具,但在那个时代,Firebug是跨浏览器兼容性测试的首选。开发者可以通过它在Firefox、Internet Explorer等...

    IE下的WEB调试利器

    "IE下的WEB调试利器"这个标题指的是专为Internet Explorer浏览器设计的Web调试工具,它类似于Firefox的FIREBUG,允许开发者查看和修改网页的CSS样式,以及更好地理解和操作DOM(Document Object Model)结构。...

    firebug1.45调试javascript工具

    Firebug 1.45是JavaScript开发者的一个重要工具,它为网页开发人员提供了一套集成在Firefox浏览器中的强大调试功能。这款插件在当时是非常流行的,尤其对于JavaScript的调试、性能分析以及HTML和CSS的调整来说,都是...

    firebug插件

    Firebug是Firefox浏览器的一款强大扩展,专为Web开发者设计,集成了多种调试工具,使得网页开发、调试和优化变得更加高效。它最初由Joe Marini在2006年创建,随着时间的推移,逐渐成为了前端开发者不可或缺的利器。 ...

    FireBug IE 插件

    虽然原版FireBug是为Firefox浏览器设计的,但通过"FireBug Lite",用户也可以在Internet Explorer(IE)中享受到类似的调试功能。本文将详细介绍FireBug IE插件的功能和使用方法。 ### 一、FireBug Lite简介 ...

    IE6下的firebug

    总的来说,Firebug Lite是前端开发者应对IE6等老版浏览器的一大利器,它使开发者能在不具备现代开发者工具的环境中进行有效的代码调试和优化。随着现代浏览器的普及和新开发工具的涌现,Firebug Lite的角色逐渐被...

    IE6调试神器,免安装,FirebugLite压缩包

    在IT行业中,尤其是在前端开发领域,调试工具是开发者不可或缺的利器。标题提到的"IE6调试神器,免安装,FirebugLite压缩包"是指专为解决IE6浏览器调试问题而设计的一款工具,它无需安装,方便快捷。由于IE6在当时...

    web开发调试工具 httpwatch(支持firebox 3.6) 6.2.34 + IE(ie debugbar 5.3 +IEDevToolbar ) +Firefox( firebug 支持3.6) 天涯浪子

    本资源包集合了三款主流浏览器的调试工具:HttpWatch(适用于Firefox 3.6)、IE DebugBar 5.3与IEDevToolbar,以及Firebug(支持Firefox 3.6),这些都是天涯浪子精心整理的开发调试神器。 1. **HttpWatch**: ...

    firebug入门经典学习资料

    9. **兼容性检查**:虽然Firebug主要针对Firefox,但其提供的信息和调试经验对其他浏览器的开发也有参考价值,有助于开发者确保代码的跨浏览器兼容性。 10. **学习资源**:除了实际操作,学习Firebug还需要了解相关...

    firefox firebug

    在Web开发过程中,Firebug是不可或缺的利器。 在描述中提到的“firefox3.6.3 + firebug1.7”,指的是Firefox浏览器的3.6.3版本与Firebug插件的1.7版本。这两个版本的组合在当时是一个较为稳定且流行的开发环境。...

    firebug火狐浏览器插件

    它在2006年首次推出,极大地提升了网页开发和调试的效率,是前端开发者不可或缺的利器。尽管在Firefox的后续版本中,许多Firebug的功能已经被内建的开发者工具所集成,但Firebug在其鼎盛时期为Web开发领域树立了标杆...

    ie6的调试工具

    总结来说,ie6的调试工具是过去开发者不可或缺的利器,它们帮助我们克服了技术的局限,保证了网站在各种浏览器环境下的良好表现。虽然现在IE6的使用已经大大减少,但了解这些工具的历史和功能仍然是理解Web发展历史...

    IE和firefox调试插件

    在IT行业中,网页开发是一项至关重要的任务,而调试工具则是开发者不可或缺的利器。本文将详细介绍IE和Firefox浏览器的JavaScript、CSS、HTML调试插件,帮助你更好地理解和掌握这些工具。 首先,我们关注的是IE浏览...

    Firefox调试工具

    Firefox调试工具是Web开发者不可或缺的利器,特别是对于前端工程师来说,它能帮助我们深入理解网页的工作原理,定位和修复代码问题。Firebug是Firefox浏览器早期的一款著名插件,提供了包括HTML、CSS、JavaScript...

    firefox4.0的firedebug离线安装包

    在Firefox 4.0版本中,Firebug与浏览器的兼容性得到了优化,提升了调试的稳定性和效率。 总之,Firefox 4.0的Firebug离线安装包为开发者提供了一整套强大的网页调试工具,无论是在前端开发还是问题排查中,都是不可...

    IEjs开发调试工具IEDevToolBarSetup

    在Web开发过程中,调试JavaScript代码是一项至关重要的任务,尤其是在使用Internet Explorer(IE)浏览器时,由于其独特的兼容性和执行机制,开发者经常需要借助专用的工具来帮助定位和解决问题。"IEjs开发调试工具...

    淘宝UED培训-前端调试工具 PDF

    前端开发过程中常见的问题包括标签配对检查、脚本修改后的即时效果查看、压缩脚本调试、根据错误信息定位错误位置、处理缓存问题以及寻找批量脚本压缩工具等。针对这些问题,淘宝UED培训推荐了一系列高效实用的工具...

    火狐资源.rar

    Firebug是Web开发和调试的利器,尤其对于前端开发者来说,它提供了查看和编辑HTML、CSS、JavaScript的能力。通过Firebug,开发者可以直接在浏览器中检查网页元素,实时修改样式,查看网络请求,分析性能,以及调试...

    IE8开发人员工具教程

    总的来说,IE8的开发人员工具是前端开发者不可或缺的调试利器,它提供了一套全面的工具来帮助优化网页代码,解决兼容性问题,并确保在各种浏览器环境下都能正常运行。对于那些需要在IE8及以下版本中保持良好表现的...

Global site tag (gtag.js) - Google Analytics