常用前端開發(fā)工具合集

1.Firebug http://getfirebug.com/
最流行的前端開發(fā)工具

10余年的璧山網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對(duì)設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對(duì)一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。成都全網(wǎng)營銷推廣的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整璧山建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。成都創(chuàng)新互聯(lián)公司從事“璧山網(wǎng)站設(shè)計(jì)”,“璧山網(wǎng)站推廣”以來，每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

2.HttpWatch http://www.httpwatch.com/
集成在IE和Firefox上的監(jiān)聽HTTP和HTTPS的工具

3.Fiddler http://www.fiddler2.com/fiddler2/
Fiddler是一個(gè)記錄你電腦和網(wǎng)絡(luò)之間所有HTTP(S)請(qǐng)求的網(wǎng)絡(luò)調(diào)試代理

4.HttpFox https://addons.mozilla.org/eu/firefox/addon/6647?lang=en-US
和HTTPWatch很類似的一個(gè)工具

5.Yslow http://developer.yahoo.com/yslow/
Firebug的一個(gè)擴(kuò)展，可以根據(jù)高性能網(wǎng)站的一些準(zhǔn)則來分析網(wǎng)頁并且提出建議來提高網(wǎng)站的性能

6.Css Usage https://addons.mozilla.org/zh-CN/firefox/addon/10704
Firebug的一個(gè)擴(kuò)展，可以用來察看哪些CSS被用到了

7.VIM http://www.vim.org/
一個(gè)高級(jí)的文本編輯工具，是在UNIX系統(tǒng)上面VI編輯器的升級(jí)版本

8.Editplus http://www.editplus.com/
Windows系統(tǒng)上的一個(gè)好用的文本編輯器

9.DNS Flusher https://addons.mozilla.org/en-US/firefox/addon/7408
Firefox上的一個(gè)附加組件，當(dāng)HOST文件改變時(shí)可以很快地更新頁面而不需要重啟瀏覽器

10.PageSpeed http://code.google.com/intl/zh-CN/speed/page-speed/
Page Speed 是開源 Firefox/Firebug 插件。網(wǎng)站管理員和網(wǎng)絡(luò)開發(fā)人員可以使用 Page Speed 來評(píng)估他們網(wǎng)頁的性能，并獲得有關(guān)如何改進(jìn)性能的建議

11.Dust-me Selectors https://addons.mozilla.org/zh-CN/firefox/addon/5392
Firefox上的一個(gè)附加組件，可以找出沒有用到的CSS選擇符

12.Myspace Performance Tracker http://msfast.myspace.com/
Myspace的性能分析工具, 可以分析到頁面渲染的各個(gè)階段的時(shí)間、CPU和內(nèi)存的消耗情況，只使用于IE中

13.YUI Compressor http://developer.yahoo.com/yui/compressor/
用java寫的一個(gè)代碼壓縮工具，使用方法： java -jar yuicompressor-x.y.z.jar [options] [input file]

14.JS Beautifier http://jsbeautifier.org/
在線JS格式化工具

15.JSLint http://jslint.com/
在線JS校驗(yàn)工具，使用請(qǐng)注意“JSLint will hurt your feelings.”

16.JSCompress http://jscompress.com/
在線JS壓縮工具

17.JSMin http://www.crockford.com/javascript/jsmin.html
JS壓縮工具

18.HTML2Javascript http://accessify.com/tools-and-wizards/developer-tools/html-javascript-convertor/
HTML到JavaScript轉(zhuǎn)換器獲得置標(biāo)并將它轉(zhuǎn)換成一系列可以在JavaScript塊中使用的document.write()申明

19.Web Developer https://addons.mozilla.org/da/firefox/addon/60?lang=zh-CN
Firefox的一個(gè)附加組件，給Firefox增加了一個(gè)菜單以及工具欄，里面包含了很多開發(fā)工具

20.JS Regexp Generator http://www.jslab.dk/tools.regex.php
一個(gè)制作正則表達(dá)式的在線工具

21.Opera Dragonfly http://www.opera.com/dragonfly/
Opera Dragonfly 是Opera瀏覽器的跨設(shè)備，跨平臺(tái)調(diào)試環(huán)境—調(diào)試 JavaScript, 檢查編輯CSS和DOM， 并且查看移動(dòng)設(shè)備或計(jì)算機(jī)上的錯(cuò)誤

22.IE Web Developer http://www.microsoft.com/downloads/details.aspx?familyid=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en
微軟的瀏覽器開發(fā)者工具條為網(wǎng)頁的快速創(chuàng)建，理解和故障診斷提供了各種的工具

23.DynaTrace http://ajax.dynatrace.com/pages/
一個(gè)頁面性能分析工具，是針對(duì)瀏覽器 IE 6 ~ 8 的。它可以用來分析頁面渲染時(shí)間、DOM方法執(zhí)行時(shí)間，甚至可以看到 JS 代碼的解析時(shí)間。多謝“有米啦”同學(xué)的推薦，好友卓群的 博客以前也介紹過

24.IE Tester http://www.my-debugbar.com/wiki/IETester/HomePage
IETester是一個(gè)免費(fèi)的瀏覽器，它同時(shí)包括了IE 5.5、IE 6、IE 7、IE 8的所有內(nèi)核，多版本IE測試好工具,DIV測試,CSS兼容和各個(gè)版本瀏覽器兼容檢測工具

25.Companion JS http://www.my-debugbar.com/wiki/CompanionJS/HomePage
IE下的js調(diào)試工具，需要結(jié)合Microsoft Script Debugger使用，通過安裝這個(gè)工具，但頁面出現(xiàn)錯(cuò)誤時(shí)會(huì)在左上角彈出一個(gè)小錯(cuò)誤提示，點(diǎn)擊會(huì)在IE下面顯示出一個(gè)錯(cuò)誤控制臺(tái)，就如FF下的 firebug控制臺(tái)一樣，錯(cuò)誤信息提示很詳細(xì)

26.Live Http Header https://addons.mozilla.org/zh-CN/firefox/addon/3829
live HTTP headers是firefox的一個(gè)插件，可以查看到http頭，非常方便

27.Closure Compiler http://code.google.com/intl/zh-CN/closure/compiler/
Google的JavaScript編譯工具