2008-12-07 114 views

回答

17

Firebug是我使用的主要一個。

+0

對於那些尚未擁有它的人來說,一個鏈接將非常方便 – ine 2009-10-19 21:24:54

+4

在這裏,你去! http://is.gd/4s8KN;) – 2009-10-20 08:41:21

+1

(我知道,我知道...不好笑;)) – 2009-10-20 08:42:22

3

TestGen4Web - 就像你的VCR - 爲Firefox。它會記錄您的操作,存儲它並按需播放。

0
  • Web開發
  • 螢火蟲
  • 美味

還可以添加頁面驗證

2

Firebug的,Web開發工具欄和YSlow的Firebug的是我的一些選秀權。

6

IETab是一個不錯的(IE在Firefox標籤)

+1

這是非常適合快速檢查IE中的佈局。它使用安裝的IE版本進行渲染。 – goldenratio 2009-07-06 03:21:19

3

HTML Validator插件是無價的,特別是當你對別人誰可能不那麼小心符合標準的書面的東西..工作

4

NoScript。不僅僅是爲了阻止垃圾郵件 - 它比手動打開和關閉腳本設置快得多,並且讓您模擬第三方服務器停機。

您還可以從Firefox的內置錯誤控制檯(在工具菜單中)獲得大量有用的信息 - 除此之外,它會指出破碎的CSS代碼。

+1

您可以使用Web Developer工具欄禁用所有JavaScript。 – Dykam 2010-01-25 15:31:02

4

YSlow使用主動-X插件 - 分析網頁,並告訴你他們爲什麼緩慢。

MeasureIt - 繪製標尺以獲取網頁上任何元素的像素寬度和高度。更好的是Xray bookmarklet

Hackbar簡單的安全審計/滲透測試工具。

FirePHP是擴展Firebug AJAX開發

ColorZilla 2.0是一種先進的吸管,顏色拾取,頁面縮放器和其他一些東西。

0

螢火蟲是最偉大的。

此外,不是開發工具,但我發現它非常有用和易於使用,Foxmarks書籤管理器。

,我用的都是
0

很多我最喜歡的一直提及。對於這些我想補充:

  • Adblock Plus的:除去廣告
  • 添加-藝術:替代廣告與藝術
  • 自動複製:複製到剪貼板上選擇
  • 樹樣式標籤:顯示標籤就像一棵樹
0

一些我最喜歡的其中已經提到除其他外,

  • TabKit - 顯示單獨面板中的選項卡 ,關閉組中的選項卡, 選項卡分組。

  • 早晨咖啡 - 恢復標籤 這些被保存在以後查看它們 。

0

除了已經提到的加載項:

  • ViewState - 顯示在狀態欄上的當前ASP.NET頁面視圖狀態的大小。
  • ColorZilla - 先進的吸管,顏色選擇器,調色板瀏覽器和Firefox的
0

除了已經提到的那些(尤其是奇妙Firebug)等豐富多彩的東西,這些都是發展相關那些我已經找到非常有用:

  • JSONovich在漂亮的打印和着色JSON方面做得很好。
  • User Agent Switcher對於開發移動網站非常方便(或者只是爲了好奇) - 「我是iPhone,可以向我展示您的內容!」
  • 有時Firefox甚至會在重新加載時在瀏覽器緩存中留下內容。 Clear Cache Button有助於此。
  • Header Spy與Live HTTP標題類似,但在狀態欄中顯示標題信息(以及訪問許多更多選項)。
1

我(ab)使用Stylish來試驗/原型的css變化。是的,您可以在Firebug中做到這一點,但跟蹤您所做的所有修改並不容易,並且將這些修改粘貼回您的css文件並不容易。另外,如果你擊中F5,你將失去在Firebug中所做的所有更改。

Stylish在頁面刷新後仍然存活,因爲它只是文字,您可以簡單地選擇全部複製&粘貼您的更改。當然,它不提供css檢查器或DOM樹視圖,但這就是Firebug的用途。

0

我發現Venkman最近很有用,除了螢火蟲和其他已經提到的。

的Venkman旨在爲基於Gecko的瀏覽器強大的JavaScript調試環境...

0

我覺得很有意思,所以很多人名稱Web開發工具欄爲您做插件的顯著數。雖然他們都是偉大的插件,可能有幾個額外的選項,不知道它的價值它有這些插件(例如,MeasureIt的)

這裏是我的清單:
- 網頁開發工具(如果您「再一個Web開發[期])
- 螢火(對JavaScript必不可少/ AJAX調試)
- 谷歌網頁速度(類似於YSlow的,但它從谷歌,非常有用)
是 - ColorZilla(偉大的顏色選擇器)
- HTML驗證器(節省了一堆時間加載w3。組織的頁面)
- 標籤Mix Plus的(任何事情,一切都與標籤式瀏覽)
- Screengrab(如果你在所有使用的截圖,用這個) - 谷歌工具欄(SEO)