firefox搭配firebug 调试网页的不二选择

原创 2007年09月29日 18:28:00

还在用alert在调试javascript?还在一遍遍刷新网页看css效果?

试一下firefox浏览器和firebug插件的超强组合吧 

看图:

 

firebug插件展开图示

这是调试css的界面,你可以选中一个html位置,右边就能看到对应位置的css代码,你还可以更改html代码和css代码,在浏览器中马上能看到效果,这个功能简直太他妈爽了。

这个功能IE的Develop插件好像也有。不过对比着用一下就知道哪个更顺手了。

然后呢,javascript怎么办?没用firefox之前,我调试javascript代码一直用alert,复杂的情况就开启一个MSE的调试进程。总之,一直就不觉得写javascript代码是一种快乐的编程,而现在,看看下图,还有下下图:

图7:javascript调试器


图8: Dom查看器

如果你有可视化调试程序的经验,那么一切都不用多说了,就这两张图,足以让你抛开IE上的那些劣质调试工具了。

firebug还送一道饭后甜点:网络监视。
图6:网络状况监视器

三大功能全都齐了,如果在IE下,你要准备两个插件(HTTP Watch和IEDevelop)和一个程序MSE(Microsoft Script Editor),分别用来监视网络,调试页面,调试脚本。占资源多不说,一旦你换个环境,你又得重新安装和注册,说到注册,别忘了那两个插件是需要注册的,可不是免费软件,一不小心,你又背上了用盗版的恶名了。

相比之下,让人激动的是,firebug这款优秀的插件,它是集成在firefox中的,你只需下载安装firefox,其它都无需操心了。

 

<script type="text/javascript"> google_ad_client = "pub-2456607432708134"; google_ad_output = "textlink"; google_ad_format = "ref_text"; google_cpa_choice = "CAAQqcu1_wEaCMVXofsEbjfHKOm84YcBMAA"; </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>

注意上面这个下载链接中得firefox还集成了google的工具条,有一点讨厌,不过没太大关系,安装之后,不用的插件可以选择关掉。

firebug插件-如何使用firefox进行网页js调试

什么是Firebug 从事了数年的Web开发工作,越来越觉得现在对WEB开发有了更高的要求。要写出漂亮的HTML代码;要编写精致的CSS样式表展示每个页面模块;要调试javascript给页面增...
  • SH_King
  • SH_King
  • 2015年07月09日 11:05
  • 1672

火狐浏览器Firebug控制台显示本页面不包含 javascript的解决方案

前言        自从开始软考之后也没怎么写代码用firebug调试代码,在最近的学习过程中发现用firebug调试的时候出现了一个问题仅以此篇记录其间问题。问题  用firebug调试的时候出现 ...
  • ParanoidYang
  • ParanoidYang
  • 2017年01月09日 15:53
  • 9915

Firebug 和 Chrome 自带的开发人员工具相比起来有哪些优缺点?

作者:依云 链接:http://www.zhihu.com/question/19601006/answer/18713336 来源:知乎 著作权归作者所有。商业转载请联系作者获得授权,非商业转...
  • june_ruikang
  • june_ruikang
  • 2016年07月12日 13:17
  • 1983

firefox顶级网页开发调试插件-firebug

转自:http://www.cnblogs.com/bindsang/archive/2008/07/28/1254385.html 什么是Firebug 从事了数年的We...
  • yasi_xi
  • yasi_xi
  • 2013年09月25日 18:07
  • 2540

firebug插件-如何使用firefox进行网页js调试

什么是Firebug 从事了数年的Web开发工作,越来越觉得现在对WEB开发有了更高的要求。要写出漂亮的HTML代码;要编写精致的CSS样式表展示每个页面模块;要调试javascript给页面增...
  • SH_King
  • SH_King
  • 2015年07月09日 11:05
  • 1672

使用firefox的firebug插件进行网页js调试----firebug使用

本文引自http://www.ooso.net/archives/294 Firebug的中文含义是萤火虫,作者是Joe Hewitt,官方网页 http://www.getfirebug.com ...
  • fyqcdbdx
  • fyqcdbdx
  • 2011年10月13日 19:17
  • 353

使用firefox的firebug插件进行网页js调试----firebug使用

Firebug的中文含义是萤火虫,作者是Joe Hewitt,官方网页 http://www.getfirebug.com Firefox亦即火狐浏览器,是近年来撼动IE浏览器市场占有率的一支强大力...
  • jasontome
  • jasontome
  • 2011年10月18日 09:04
  • 495

Web调试工具:火狐Firefox插件Firebug介绍

Web调试工具:火狐Firefox插件Firebug介绍 什么是Firebug Firebug是Firefox下的一款开发类插件,现属于Firefox的五星级强力推荐插件之一。它集HTML查看...
  • lengyue1084
  • lengyue1084
  • 2013年04月29日 13:30
  • 576

【Firefox插件】Firebug:能够调试所有网站语言

Javascript的调试, 是开发Web应用尤其是AJAX应用很重要的一环, 目前对Javascript进行调试的工具很多, 我比较喜欢使用的是Firebug。 Firebug是Joe He...
  • yangbindxj
  • yangbindxj
  • 2013年02月08日 18:37
  • 1401

Firefox浏览器的调试工具Firebug的使用方法

Javascript的调试,是开发Web应用尤其是AJAX应用很重要的一环,目前对Javascript进行调试的工具很多,我比较喜欢使用的是Firebug。Firebug是Joe Hewitt开发...
  • xuxu198899223
  • xuxu198899223
  • 2013年01月11日 10:28
  • 1142
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:firefox搭配firebug 调试网页的不二选择
举报原因:
原因补充:

(最多只允许输入30个字)