FireBug-令人感動到痛哭流涕的Firefox Plugin

常常在撰寫JavaScript的時候除錯除個老半天;運用Ajax時還要先檢查回傳值、狀態碼;Firefox內建的DOM觀察器又有點過於雞肋,只能顯示部份的Node卻無NodeValue;JavaScript主控台比起IE雖說強大不少,但一次回報所有分頁的錯誤,害得瀏覽器執行效能降低。

現在,這些煩惱及陣痛,都在安裝FireBug之後完全消除!

用過Firefox DOM 觀察器的人都知道,當點到某項Node的時候,便會在頁面上標框。

FireBug也是如此,不僅能觀察DOM,就連Source Code也是如此的標框。

而且Source Code部份還貼心的幫我們以標籤自動斷行且標色方便觀察。

DOM部份真是令人讚不絕口,詳細的列出頁面上的DOM各項屬性、方法及其內容,忘記語法時還能偷看一下。

而查找部份不只是做一個搜尋框而已唷!
它還加上了能直接以輸入語法的方式跳到想觀察的部份。

有了FireBug,還怕JS除錯困難嗎?


29 Responses to “FireBug-令人感動到痛哭流涕的Firefox Plugin”

  1. Eimo Says:

    你的模板不论在IE下还是Firefox下,都存在问题,游览起来不是怎么很舒服,有时间的话还是改一下吧,让你的游客看得舒服点>_

  2. Beata Says:

    能否告訴我在那邊有問題嗎?
    因為我在IE, Firefox下看都很正常

    PS. 以1024*768解析度為設計基礎…

  3. Eimo Says:

    什么是正常我也不知道该怎么说,只是本人比较挑剔啦>_

  4. Eimo Says:

    有个重要的发现,我回复输入很多字,提交突然发现,居然到“>_”之后,后面的字体都不显示了,前面很多的话都白打了……

  5. Eimo Says:

    我的blog问题也和你一样,输入”>__”。

  6. Beata Says:

    我電腦上看起來的樣子是這樣
    圖片

    至於提交問題….我這裡倒是第一次遇到
    可能是我習慣<>都打成&lt;與&gh;吧

  7. Beata Says:

    因為WordPress的留言板支援語法…
    如果在留言裡打<系統會以為這是html標籤
    然後不幸的事情就會發生………

  8. Eimo Says:

    呵呵,是啊~我以为我修改程序修改坏了呢,结果重新覆盖了文件,结果没找到解决方法,还差点……【不知有何方法……T_T】

  9. Beata Says:

    禁用語法?

    或者改以BBCode那樣的方式來做語法的替代方案
    原本的<>一律轉換為&lt;   &gt;

    這樣要寫一個filter了….

  10. Eimo Says:

    貌似有点……有时间我找下解决方法。谢谢你了。

  11. Eimo Says:

    “Popular Comments GuestBook”
    均显不正常。不知你的图片是IE下游览的吧。

  12. Eimo Says:

    Picture
    没有安装截图工具,就用WIN的截图方法截了个,不清晰,抱歉啦~
    (~ ̄▽ ̄)~ 我有灌水嫌疑

  13. Beata Says:

    我都是在Firefox1.5.下設計的
    不過那張截圖的確是使用IE擷取的
    截圖軟體沒辦法設定成以Firefox截圖ˊ ˋ
    這張圖是Firefox的截圖

    其實我的站都會先在Firefox下設計
    之後再調整IE,最後才是看Opera的瀏覽情況

    目前只有Opera上看會有點小瑕疵
    例如最上方導覽項目文字過小之類的…..

  14. Eimo Says:

    不管啦~有问题的话其他游客也应该给你个回复吧,我只是……^ ^
    还有就是你说的“原本的一律轉換為< >” 这个问题我找到了,是plugin里面的markdown,你不需要再写了,注释掉应该就可以了,注释掉哪我没找到,貌似我作业太多,懒得看了。:兔子:

  15. Beata Says:

    呵呵,等其他人也有相同的問題我再來考慮調整吧~
    這陣子在研究Opera9~
    真是個優秀的瀏覽器呢!

    至於<我倒是不會想要替它寫Filter
    因為自己常常在迴響裡用語法…囧

  16. Eimo Says:

    Opera的确是个很好的游览器,但每一个游览器都有各自的有点,我认为无论是firefox还是IE还是mozilla或者是safari和opera等等,都是很优秀的,都被使用者是认可的。囧rz自己用的舒服就可以了,我看了markdown.php文件,可能是出于安全原因,所以……(~ ̄▽ ̄)~断句训练。(貌似也只好这样了)

  17. Beata Says:

    我本來是Firefox的死忠支持派
    但外掛越裝越多,就….
    恩…你知道的XD

    適逢Oprera9已經開始支援CSS的opacity屬性
    我才會開始跳槽到那邊的~

    只是很多東西都要自行去設定
    有點不好上手~
    中文說明文件又少
    敝人英文閱讀速度很差>_<

    至於IE….
    除了綁在Windows上不用另外裝之外
    我實在想不出它哪裡好的!?

  18. Eimo Says:

    要知道世界上有多少人用的是比尔大叔的系统,又有多少是用unix的系统,又有多少是用mac的系统,这些数据你应该可想而知的吧。
    你是FF的死忠支持派,我也理解的,一些无谓的外挂就不用安装,多了反而浪费资源。至于用Opera是个人的使用了,我没怎么用过,只用过7,如果Opera9 RT了,有空我也去试试。IE的缺点就是他的优点( ̄3 ̄)a

  19. jimshao Says:

    你页面上的某些汉字样式 字号太小 看起来非常费劲。希望能改清楚点的字号。

  20. Beata Says:

    我喜歡現在的字型大小^^

    如果您不習慣這樣字型的話
    請用可以調整字型大小的瀏覽器,例如Firefox或者Opera

    若已是Firefox使用者,請用力的 Ctrl與「+」按下去,就能立即放大

  21. joseph Says:

    請問….
    firebug是firefox的addon嗎?

  22. 訪客 Says:

    我3个浏览器都用,调试程序时,用ff,或者ie,都有不错的debug工具。不过感觉ff的工具更强大方便。我说的字体太小是我对你网页的小小建议,你个人喜欢这样,就当我没说了。呵呵。(ps:其实ie也能调节字的大小,而且又方便的快捷方式,按住ctrl,滚动鼠标的滚轮就ok了)

  23. 訪客 Says:

    回留言好像有问题?

  24. jim Says:

    回留言有问题,我回了一条,把前面主人的回复顶没了! 又回了一条,把自己写的恢复也定没了。 白打了这么多字,郁闷阿………….

  25. Nothing Says:

    本不想讨论,可是忍不住。IE的DOM我觉得极大的方便了开发。W3C的标准?就像是命令行。IE的DOM就像是华丽的图形界面。不要和我说专业不专业,效率就是一切。

  26. beansoft Says:

    Yes, 楼主发的那个页面只能再 FireFox 下面才显示安装按钮.

  27. anton Says:

    hihi, 我也有看了一下:
    你的字體在 windows/linux 底下的 firefox 看起來都還 ok ,
    不過如果是在 windows 底下的 ie 就偏小(可是我比對 http://www.msn.com.tw 的中文字體,竟然是一樣大的),
    所以應該是亮底的關係,讓你的字體顯得更小了點,在下次修改的時候可以考慮一下,畢竟貴站在 google 底下 的 page rank 還不少。
    :)

  28. Beata Says:

    真是對不起,致上十二萬分的歉意
    因為這陣子Beata還不想開始動網頁
    也只好請您海涵了:破碎的心:

  29. mark Says:

    你好 我是在google打入firebug做搜尋,在前面幾個就看到這個頁面,請問這是怎麼辦到的呢?謝謝

Leave a Comment