web前端開發工具
推薦的是輔助開發工具和網頁除錯工具。
1.前端開發必備工具之輔助開發工具篇
在這裡推薦一些前端開發中可以是你提高開發效率的小工具，既小巧又方便；
一、截圖，取色，量尺寸，螢幕錄製工具
- FastStone Capture
主要用途：截圖，取色，量尺寸，螢幕錄製工具；推薦指數：
。此外大家還可以考慮取色器 Adesclrpicker，TakeColor
FastStone Capture是一款靈活簡單的螢幕抓圖軟體，取色、放大鏡、 標尺、 抓圖、 截圖、截圖、 螢幕錄製全部搞定。它可以抓取某個視窗或者物件的圖片，也可以全屏或者以矩形模式抓圖，甚至可以按照手繪的任意形狀抓圖。另外它還支援浮動條、熱鍵、調整 大小、剪裁、文字註釋、列印以及郵件傳送等功能。支援包括BMP、JPEG、JPEG 2000、GIF、PNG、PCX、TIFF、WMF、ICO和TGA在內的所有主流圖片格式，其獨有的光滑和毛刺處理技術讓圖片更加清晰，提供縮放、旋 轉、減切、顏色調整功能。只要點點滑鼠就能隨心抓取螢幕上的任何東西，支援拖放，可以直接從系統、瀏覽器或其他程式中匯入圖片，收藏夾功能讓你能更好的收 集更多精彩圖片。
FastStone Capture還集成了取色，放大鏡，標尺（可以量出元素的寬高），這對前端開發來說相當的有用，方便。FastStone Capture還有簡單的圖片編輯功能，並能直接複製影象貼上到Photoshop中，非常方便。
二、看圖軟體
- ACDSee3.1美化版和PicaView外掛
主要用途：圖片及圖片屬性瀏覽；推薦指數：
ACDSee3.1 SR-1，一種速度最快、功能最強大，同時使用也最方便的 Windows 影象檢視程式！ACDSee 是諸多工具的整合體。全功能影象檢視程式可以較高的質量快速顯示影象。影象瀏覽器可用於高效查詢影象並對其加以組織。ACDSee 還提供了幾種影象處理功能，包括便利的相片增強程式。ACDSee3.1 SR1自帶了PicaView，就是用滑鼠右鍵直接預覽圖片的軟體，可以方便的瀏覽圖片及圖片屬性。
2.前端開發必備工具之網頁除錯工具篇
在前端開發中我們經常會要除錯頁面，主要html、css除錯和js除錯，這裡整理一些工具：
一、firefox網頁除錯外掛
-
.firefox外掛Firebug
主要用於html、css的除錯和js除錯；推薦指數：
從事了數年的Web開發工作，越來越覺得現在對WEB開發有了更高的要求。要寫出漂亮的HTML程式碼；要編寫精緻的CSS樣式表展示每個頁面模組；要除錯javascript給頁面增加一些更活潑的要素；要使用Ajax給使用者帶來更好的體驗。一個優秀的WEB開發人員必定會收藏這個Firebug外掛。
firefox外掛Web Developer 1.1.6
主要用於html、css、js的檢視和編輯；推薦指數：Firefox 上開發和除錯web站點的不二之選。Web developer toolbar包含了一系列工具，從cookie管理到CSS除錯，從導航線到螢幕標尺，功能簡直是多得說不完。僅次於Firebug的網頁開發設計者工 具。功能眾多而且強勁。看著這令人眼花繚亂的外掛設定視窗，就能一窺它的強大。推薦網頁開發者和網頁設計者使用，能夠幫助你方便的對頁面進行調整和完善;
-
firefox外掛JavaScript Debugger Venkman：
主要用於JavaScript除錯；推薦指數：
一個基於Mozilla的瀏覽器的JavaScript除錯環境，是Mozilla瀏覽器的一個擴充套件。Venkman基於Mozilla JavaScript除錯API（js/jsd），js/jsd API 構成了 Netscape JavaScript Debugger 1.1的基礎，Netscape瀏覽器4.x系統都提供了這個除錯工具。Venkman是目前比較流行的JavaScript除錯工具。強烈推薦這個剛下載了一個Mozilla免費偵錯程式 JavaScript Debugger。這個偵錯程式的前身為Netscape的JavaScript偵錯程式，它是Mozilla的一個附加產品。Venkman JavaScript偵錯程式既是一個圖形，也是一個控制檯偵錯程式。下載並安裝Venkman JavaScript偵錯程式後，就可以通過“工具|Web開發|JavaScript偵錯程式”選單啟動它。這個附加產品允許你檢視和除錯位於原始檔或網頁中的JavaScript.
二、ie網頁除錯外掛
-
SuperPreview微軟的網頁開發除錯利器
主要用於html、css的除錯和各個瀏覽器（目前只能針對IE6-IE8）的頁面呈現測試；推薦指數：
SuperPreview 是微軟將推出的 Expression Web 3 的一部分，主要用於頁面的除錯，目前的 Expression Web SuperPreview 允許使用者對比他們的站點在 IE 6 與 IE 7， IE 8 中的外觀，而在將來的完整版中，還將支援 Firefox， Safari， Google Chrome（可能）以及更多瀏覽器.。
-
Internet Explorer Collection讓你同時擁有IE1-IE8
主要用於Internet Explorer 瀏覽器（IE1-IE8）各個版本的頁面呈現測試；推薦指數：
Internet Explorer Collection可以使你的計算機同時安裝IE1-IE8，不過這個工具對vista系統支援不是很好。
-
IE Developer Toolbar及IE8 開發人員工具
主要用於html、css的除錯和js除錯；推薦指數：
雖然這玩意改了時髦的名字，但是卻也不是什麼新玩意，它的前身是 “IEdevtoolbar”。但是，以前只是IE的一個外掛而已。而在IE8中，瀏覽器已經自動集成了這玩意，不僅改了個有點土鱉的名字，而且功能也加 強了很多。開發人員工具在IE8的工具選單下，或者直接點選F12快捷鍵也可以呼叫出來。
微軟的英特網探索者開發工具條是IE上最好的DOM檢查和CSS除錯工具。由於IE具有高市 場佔有率而又在整個渲染模型上充滿缺陷（比如臭名昭著的hasLayout邊距重疊BUG），除錯IE是web開發必不可少的步驟——沒有這個工具 條，IE的除錯將會成為一場噩夢。雖然IE Developer Toolbar要比Firebug稍微弱智一點，不過他至少能幫你馴服IE這頭怪獸。
-
.IE下的除錯工具IE WebDeveloper
主要用於html、css的除錯和js除錯；推薦指數：
IE WebDeveloper可以讓你檢查和編輯你的HTML DOM， 顯示錯誤資訊， 日誌資訊， 顯示網站原始碼， 監視DHTML事件和HTTP流量。如果你是一個開發人員或設計人員， 但平常又喜歡使用IE， 那IE webdeveloper是個不錯的選擇。它的功能可以和火狐下的Firebug相媲美，甚至有些功能還強於Firebug,IE WebDeveloper允許直接地在瀏覽器視窗中瀏覽、傳輸和更新HTML DOM。該軟體可以實時分析網頁並且顯示為一種允許你察看錶格風格、Javascript指令碼，表格以及其它網頁元素的樹形風格。該軟體還可以在瀏覽器中互動式地突出顯示被選擇的網頁元素，因此你可以在實際網頁中定位其程式碼。 檢視style元素，定位div等等。且支援一鍵w3c檢查（包括HTML/XHTML/CSS/Javascript tutorial等）。雖然用起來不如Firebug那麼得心應手，但是畢竟解決了我們在ie上除錯工具不足的問題。
-
IETester-同時擁有IE6、IE7、IE8（Vista相容）
主要用於Internet Explorer 瀏覽器各個版本的頁面呈現測試；推薦指數：
使用IETester能夠較好的解決，測試網頁相容性的多IE版本的需求。暫時已經支援IE5.5——IE8beta1，我想這已經足夠了。還在苦苦找尋IE6和IE7共存或者IE7和IE8共存的朋友，可以試試這個軟體。
-
前端除錯利器DebugBar
主要用於html、css的除錯和js除錯；推薦指數：
這裡我再推薦一個DebugBar；大家肯定都知道ieTester，大家都用ieTester來測試各個IE版本的頁面相容性，其實新版的ieTester（點選下載目前最新版的ieTester v0.3.2 ）還有一個很強大的頁面除錯外掛：DebugBar。
-
用vs2008除錯Javacscript
主要用於js除錯；推薦指數：
面對一大段的JavaScript指令碼，以前總是會很頭疼，找不到除錯這些程式碼的方法。如果出現什麼錯誤或異常，總是要從頭分析，然後插入很多Alert（），除錯起來很麻煩。Visual Studio 2008中JavaScript所具有的另外一個特性，是它提供了更加強大的JavaScript除錯功能，這使得JavaScript的使用及構建AJAX應用都變得容易很多。同樣，這項功能在免費的Visual Web Developer Express版本中和Visual Studio中都具有。