weB開發工具的使用已經非常普及，如果想要更方便於開發的話，不妨看看本文介紹的15款基於瀏覽器擴展的WEB開發工具。
1.Firebug
Firebug是一款基於Firefox的瀏覽器擴展組件，它集成了網頁CSS ，文檔對象模型（ DOM ）和JavaScript調試技術於一身。並且Firebug特別對JavaScript調試部分做了重點規劃，如果你側重於JavaScript調試，那麼它是你不錯的選擇。
比如你可以方便的使用alert()進行斷點調試，從而準確定位語法錯誤位置。另外可以幫助你利用DOM技術準確測試ajax代碼的缺陷。
2.Web Developer
Web Develop是一款基於Firefox和SeaMonkey瀏覽器的擴展插件，它最大的特點是可以在菜單欄生成CSS選項，可以幫助你查看該網頁CSS文件內容，方便保存及列表方式修改，是款不錯的CSS開發工具。
3.YSlow 
Yslow是一款由雅虎開發的Firefox擴展插件，並且可以與Firebug集成使用。本插件可以幫助你對網頁進行優化，從而提高網頁的加載速度。通過逐項分析網頁中的js腳本、CSS、圖像質量從而提出瓶頸部位，幫助你對其進行優化。
4.Internet Explorer Web Developer Toolbar
顧名思義，是一款由微軟開發的IE擴展工具，功能與Firebug比較類似，最大的亮點在於可以針對不同的IE設置測試當前網頁的顯示效果，方便開發者調整在各種IE設置環境下網頁的顯示效果。
5.Fiddler Web Debugger
Fiddler是一款IE擴展插件，最大的特色在於網頁顯示性能分析及安全性分析。
6.DebugBar
DebugBar是一款基於IE的擴展插件，最大的特色在於可以通過電子郵件自動發送當前網頁的截圖到指定的郵箱，集成了色彩提取器及DCOM javascript代碼分析功能於一身。
7.HttpWatch
一款基於IE、Firefox的擴展插件，側重於HTTPS以及XML方面的分析及開發工作。
下面幾款就不一一介紹了，功能大同小異，你可以到官方站去了解更詳細的信息，找到適合自己使用的一款：
8.Live HTTP Headers
9.Web Accessibility Toolbar
10.Fangs
11.Venkman JavaScript Debugger
12.ColorZilla
13.FireShot
14.Web Inspector
15.FireFTP