尤其時在寫 CSS,、Javascript 或 Ajax 的時候,，這些都是不可或缺的軟件呢!也是小正正平常工作在使用的軟件，現在要介紹給你!
綜合開發(fā)工具
綜合的網站開發(fā)工具幾乎都是瀏覽器的插件,，提供了許許多多的功能,，例如：
開關 CSS、開關 Javascript,、開關 Cache：可以馬上看到你的網頁在瀏覽器中沒有 CSS,、沒有 Javascript 或沒有快取時的是長怎么樣子。為什么要看沒有 CSS 和 Javascript 的狀況呢? 一切都是為了 Accessibility 啊!
檢視頁面中文件的 DOM 結構和指定范圍的原始碼,。
檢視每個元素或 DIV 的ID,、Class,、目前的CSS樣式(包括繼承的樣式)，也可以將元素或 DIV 的外框顯示出來,。對于找出 CSS 和 Javascript 的問題十分有用,。
檢驗 HTML 和 CSS 語法是否正確、符合 W3C 的標準,。
因為這些工具是屬于瀏覽器的插件,，所以有分為給 IE 和 Firefox (縮寫為FF) 所使用的版本，包括有：
Internet Explorer Developer Toolbar (IE)
Web Developer Extension (FF)
Firebug (FF)
HTTP 呼叫檢視工具
讓你可以很容易看到任何由瀏覽器所發(fā)出的 HTTP Request 的一切細節(jié),，包括檔頭資訊,、所傳遞的參數、檔案大小,、傳輸速度和時間等等,。用來觀察 Ajax 呼叫的行為和除錯最方便了!
HttpWatch (IE)
Firebug (FF)
原始碼工具
其實大部分的綜合開發(fā)工具就已經有這樣的提供功能，讓你單獨檢視網頁中某個區(qū)域的原始碼,，或是幫你檢查語法的正確性，另外也有單獨小巧的原始碼相關工具可以使用,。想要鼠標滑過去就立刻看到該范圍的原始碼嗎?而不需要在茫茫“碼”海中撈針,。
Instant Source (IE, 不是免費的)
HTML VALIDATOR (FF)
圖形相關工具
除了用 Photoshop、Fireworks 這類標準的大型軟件來切圖以外,，對于平常一些簡單的工作,，殺機焉用牛刀呢?
Color Cop：可以吸取畫面上任何地方的顏色色碼。
MeasureIt (FF)：測量畫面上的像素距離,，例如想知道行距,、邊界要設為多少像素時，就靠他了,。
Screen Calipers：這是另一套用來測量畫面上像素距離的小軟件,。
Split Browser (FF)：將 Firefox 同一個瀏覽器視窗分為上下或左右兩半，讓你可以在同一個畫面上同時看到兩個或多個不同的網頁內容,，互相做比對,，而不需要在多個視窗中切換來切換去。
IE Tab (FF)：雖然是叫做 IE Tab,，但這可是 Firefox 的插件,。讓你在 Firefox 的瀏覽器視窗中開啟 IE，神奇吧!
MWSnap：免費的螢幕抓圖軟件,，用來切圖也很方便,，只要用秀圖軟件將原始網頁設計的整張圖打開、顯示在螢幕上,，就可以用螢幕抓圖軟件,，擷取出某個范圍的圖形了。
HyperSnap：另一套好用的螢幕抓圖軟件，但不是免費的,。
Picasa：Google 的免費秀圖,、圖片管理軟件。
Adobe Labs’ Kuler：Adobe 提供配色參考的網站,，想不出要用什么顏色時,，不妨去看一看找尋靈感吧!
