`
fireflyman
  • 浏览: 118273 次
  • 性别: Icon_minigender_1
  • 来自: 火星
社区版块
存档分类
最新评论

FireBug实用指南

    博客分类:
  • ROR
阅读更多
   古语有云:工欲善其事必先利其器.对于Web开发人员来说,我认为FireBug是其中之一的利器.(其它利器可参考月光博客的这篇文章-->

常用网站开发类Firefox扩展插件
http://www.williamlong.info/archives/2157.html)

废话少说,开始FireBug之旅吧.

开始之前,或许可以看看下面这篇先....另外,想说一句:星光社很多时候给出的资料都是挺给力的,有兴趣的可以关注下...社长gmail-->ming1016@gmail.com

10 Reasons Why You Should Be Using Firebug 使用firebug的10个理由
http://www.starming.com/index.php?action=plugin&v=wave&tpl=union&ac=viewgrouppost&gid=33784&tid=1791

(1)firebug入门篇:
   初识Firebug 全文 — firebug的使用
   http://www.ooso.net/archives/294
  
  Firebug入门指南
[url] http://www.ruanyifeng.com/blog/2008/06/firebug_tutorial.html[/url]

这两篇算是入门基础教程,不过只是点到即止,只作入门参考。想加深了解,不妨看看下面两篇.

(2)进阶篇
Javascript的调试利器:Firebug使用详解
  [url] http://blog.csdn.net/tianxiaode/archive/2007/09/02/1769152.aspx[/url]

Firebug控制台详解
http://www.ruanyifeng.com/blog/2011/03/firebug_console_tutorial.html
(看看你就知道了.......里面有不少好东西,喜欢挖坟的可以试着挖挖...)

(3)实操篇
由于实操实在太多了,而我又不知道怎么选,可以参考司徒正美的Blog里的一些东东...自己挖吧
http://www.cnblogs.com/rubylouvre

AnyWay,文章毕竟是文章,那是别人走通了的路,而每个人遇到的实际问题都是不一样的.自己通过解决问题,深入了解,并未其作出改进才是王道~
分享到:
评论
16 楼 housheng33 2011-04-05  
~~~~~

好文章!
15 楼 lxs647 2011-04-03  
这个不错儿,分享一些比较有用的插件也不错儿O(∩_∩)O~
14 楼 hanz188 2011-04-02  
我原来的那家企业,把dojo拿过来自己封装了下,就宣称自主开发的JS框架,结果我们在使用的时候,发现原来支持跨浏览器的框架变成只支持IE了,想用Firebug调试,结果连登录之后的页面都打不开,只能用Alert了。
13 楼 jerry 2011-04-02  
以后谁投隐藏贴要站出来,现在所谓的专家真多,整天投隐藏。
12 楼 449302900 2011-04-01  
一直都有用、、、
11 楼 zhouzhichu 2011-04-01  
select*from爱 写道
一般我上Y网,都会用firebug+webDev,双剑合璧,所向披靡


记得开"无痕"模式
10 楼 hexawing 2011-04-01  
lyqiang 写道
唉,最近在搞EXT,感觉界面好难控制,维护更是无法下手了。我写extjs的代码都是一层一层的嵌套,看得自己都头晕,有没有更好编码方式啊?

之前下了一个Ext可视化的,结果依然很晕菜=_=不知道怎么搞了……
9 楼 select*from爱 2011-04-01  
一般我上Y网,都会用firebug+webDev,双剑合璧,所向披靡
8 楼 kevinwong 2011-03-31  
好东西 支持分享整理
7 楼 德莫罗 2011-03-31  
这边文章要留个标记
6 楼 cyanfang 2011-03-31  
fireflyman 写道
   古语有云:工欲善其事必先利其器.对于Web开发人员来说,我认为FireBug是其中之一的利器.(其它利器可参考月光博客的这篇文章-->

常用网站开发类Firefox扩展插件
http://www.williamlong.info/archives/2157.html)

废话少说,开始FireBug之旅吧.

开始之前,或许可以看看下面这篇先....另外,想说一句:星光社很多时候给出的资料都是挺给力的,有兴趣的可以关注下...社长gmail-->ming1016@gmail.com

10 Reasons Why You Should Be Using Firebug 使用firebug的10个理由
http://www.starming.com/index.php?action=plugin&v=wave&tpl=union&ac=viewgrouppost&gid=33784&tid=1791

(1)firebug入门篇:
   初识Firebug 全文 — firebug的使用
   http://www.ooso.net/archives/294
  
  Firebug入门指南
[url] http://www.ruanyifeng.com/blog/2008/06/firebug_tutorial.html[/url]

这两篇算是入门基础教程,不过只是点到即止,只作入门参考。想加深了解,不妨看看下面两篇.

(2)进阶篇
Javascript的调试利器:Firebug使用详解
  [url] http://blog.csdn.net/tianxiaode/archive/2007/09/02/1769152.aspx[/url]

Firebug控制台详解
http://www.ruanyifeng.com/blog/2011/03/firebug_console_tutorial.html
(看看你就知道了.......里面有不少好东西,喜欢挖坟的可以试着挖挖...)

(3)实操篇
由于实操实在太多了,而我又不知道怎么选,可以参考司徒正美的Blog里的一些东东...自己挖吧
http://www.cnblogs.com/rubylouvre

AnyWay,文章毕竟是文章,那是别人走通了的路,而每个人遇到的实际问题都是不一样的.自己通过解决问题,深入了解,并未其作出改进才是王道~

5 楼 lht2010 2011-03-30  
看看 好好学习一下
4 楼 lucane 2011-03-30  
前几天也看了阮一峰的那篇文章
3 楼 lyqiang 2011-03-30  
唉,最近在搞EXT,感觉界面好难控制,维护更是无法下手了。我写extjs的代码都是一层一层的嵌套,看得自己都头晕,有没有更好编码方式啊?
2 楼 fantasybei 2011-03-30  
-_-!!!,这年头,电工都用firebug了,这......
1 楼 wxq594808632 2011-03-28  
有没有电工实用指南.

相关推荐

    Firebug 入门指南

    ### Firebug 入门指南 #### 一、安装Firebug Firebug 是一款强大的网页调试工具,主要用于 Firefox 浏览器。它可以帮助开发者快速定位问题并优化网站性能。要使用 Firebug,首先需要确保安装了 Firefox 浏览器。...

    Firebug入门指南(Firefox浏览器)

    【Firebug入门指南】 Firebug是一款专为Firefox浏览器设计的强大开发者工具,对于网页开发者而言,它是不可或缺的神器。本文将引导初学者了解如何使用Firebug,涵盖了从安装、开启到利用其各项功能进行网页开发的...

    最新firebug,好东西,最新整理

    压缩包中的"Readme-说明.htm"文件可能是关于如何安装和使用这个版本Firebug的指南,对于想要了解或回溯Firebug历史的开发者来说,这将是一个宝贵的参考资料。而"firebug-1.6X.0a10.xpi"是Firebug插件本身,需要在...

    firebug1.8

    `Readme-说明.htm` 文件可能包含了关于如何安装、使用和配置Firebug 1.8.3的详细指南,包括可能的快捷键、选项设置以及常见问题解答等内容。而`firebug-1.8.3.xpi` 是Firefox扩展文件,它是安装Firebug到浏览器上的...

    Firebug 1.5: Editing, Debugging, and Monitoring Web Pages

    《Firebug 1.5: Editing, Debugging, and Monitoring Web Pages》是一本全面介绍如何使用Firebug这款强大工具来进行网页开发、调试和监控的实用指南。无论是对于初学者还是有经验的开发者来说,本书都提供了丰富的...

    Tools for RichFaces style classes retrieving.Firebug

    尽管RichFaces文档团队一直在努力提供详尽的文档资料,但鉴于组件中的样式类数量众多,包括许多实用的类别以及一些未能在开发者指南中得到描述的类别,开发者有时仍会遇到挑战。在这种情况下,一款专门的开发工具,...

    Packtpub.Firebug.1.5.Editing.Debugging.and.Monitoring.Web.Pages.Apr.2010.rar

    总之,《Firebug 1.5:编辑、调试与监控Web页面》是一本针对前端开发者的实用指南,它详细介绍了如何利用Firebug提升工作效率,解决Web开发中的各种挑战。无论你是初学者还是经验丰富的开发者,这本书都能提供宝贵的...

    YSlow使用指南最新2

    ### YSlow 使用指南详解 #### 一、简介 YSlow是一款由Yahoo!开发的网页性能分析工具,旨在帮助开发者优化网页加载速度。它基于一系列经过验证的高性能网页规则,通过评估网页的各项指标来提供针对性的优化建议。...

    firefox附加组件开发者指南

    从下一章开始,我们将深入探讨如何使用这些技术来构建具体的扩展实例,包括一个简单的“Hello World”扩展和一个实用的会话管理扩展。通过实际操作,你将能够更好地理解和掌握Firefox扩展开发的全过程。

    XPath Checker使用

    XPath Checker 是一款非常实用的 Firefox 浏览器插件,它可以帮助用户快速检查网页中的 XPath 表达式是否正确,以及这些表达式是否能匹配到预期的元素。这对于进行 Web 自动化测试、数据抓取等操作时特别有用,因为...

    高性能web建议

    8. 实践指南的实用性:从引用的评价中可以看出,Steve Souders的工作受到了业界的高度认可,这表明他提出的指南是经过实践检验并能显著改善web性能的。无论是刚入行的新手还是有经验的性能工程师,都应该采纳这些...

    WebGoat中文手册.pdf

    WebGoat 中使用了一些实用的工具,例如 WebScarab 和 Firebug。这些工具可以帮助用户检测和修复 Web 应用程序中的安全问题。 五、WebGoat 教程 WebGoat 教程部分提供了一些实用的教程,旨在帮助用户了解 Web 应用...

    Oracle Apex

    为了方便读者理解和应用敏捷开发原则,本书还提供了详细的示例和实用的技巧,帮助读者能够快速地向客户交付工作代码,并满足成本、进度和质量的目标。阅读本书,读者将能够获得成功管理项目所需的知识和技能。书中的...

    The.Art.and.Science.of.JavaScript

    无论是初学者还是有经验的开发者,都能从中获得灵感和实用技能,提升自己在Web开发领域的专业水平。通过深入理解这些章节中的知识点,读者将能够更好地利用JavaScript创造出既美观又高效的应用程序。

    Ext Js权威指南(.zip.001

    Ex4.0共2个压缩包特性,《ext js权威指南》 前 言 第1章 ext js 4开发入门 / 1 1.1 学习ext js必需的基础知识 / 1 1.2 json概述 / 3 1.2.1 认识json / 3 1.2.2 json的结构 / 3 1.2.3 json的例子 / 4 1.2.4 ...

    debugbar v5.11

    6. 其他辅助工具:DebugBar还包含了其他一些实用工具,如Cookie管理器,可以查看、添加、删除和修改网站设置的Cookies;还有XPath查询工具,方便开发者使用XPath语言查找页面上的特定元素。 安装DebugBar的过程相对...

    IEWebDeveloperV2

    这款工具对于那些需要在IE上测试和优化其CSS(层叠样式表)、JavaScript以及其他前端技术的开发者来说,具有极高的实用价值。 **CSS调试**: 在IEWebDeveloperV2中,开发者可以实时查看和修改页面的CSS样式。这包括...

    15个网页开发工具介绍

    Cuzillion是一个非常实用的工具,它能够帮助开发者查看页面组件之间的交互关系,并在构建复杂页面时快速检测、测试和编辑网页。与YSlow结合使用时效果更佳,因为两者可以相互补充,共同提升网站性能。 #### 5. mon....

    ExtJS教程.pdf

    这是一份详尽的指南,涵盖了几乎所有可用的函数、配置选项和事件,非常适合初学者快速了解ExtJS的基本操作。只需打开`index.html`文件即可访问这些文档。 - **示例程序**: `examples`目录下包含了多个实用的示例程序...

Global site tag (gtag.js) - Google Analytics