軟件

火狐：http://www.firefox.com.cn/download/

Chrome：http://www.google.cn/chrome/browser/desktop/index.html

TeemViewer：https://www.teamviewer.com/zhcn/download/windows/

Ps cs6：http://www.33lc.com/soft/15126.html

1.Firebug http://getfirebug.com/

最流行的前端開發工具

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

3.Fiddler http://www.fiddler2.com/fiddler2/
Fiddler是一個(gè)記錄你(nǐ)電腦和(hé)網絡之間所有HTTP(S)請求的網絡調試代理

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

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

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

7.VIM http://www.vim.org/
一個(gè)高級的文(wén)本編輯工具，是在UNIX系統上面VI編輯器(qì)的升級版本

8.Editplus http://www.editplus.com/
Windows系統上的一個(gè)好用的文(wén)本編輯器(qì)

9.DNS Flusher https://addons.mozilla.org/en-US/firefox/addon/7408
Firefox上的一個(gè)附加組件，當HOST文(wén)件改變時可(kě)以很快地更新頁面而不需要重啟浏覽器(qì)

10.PageSpeed http://code.google.com/intl/zh-CN/speed/page-speed/
Page Speed 是開源 Firefox/Firebug 插件。網站(zhàn)管理員和(hé)網絡開發人員可(kě)以使用 Page Speed 來評估他們網頁的性能，并獲得有關(guān)如(rú)何改進性能的建議

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

12.Myspace Performance Tracker http://msfast.myspace.com/
Myspace的性能分析工具, 可(kě)以分析到頁面渲染的各個(gè)階段的時間、CPU和(hé)内存的消耗情況，隻使用于IE中(zhōng)

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校(xiào)驗工具，使用請注意“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轉換器(qì)獲得置标并将它轉換成一系列可(kě)以在JavaScript塊中(zhōng)使用的document.write()申明

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

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

21.Opera Dragonfly http://www.opera.com/dragonfly/
Opera Dragonfly 是Opera浏覽器(qì)的跨設備，跨平台調試環境—調試 JavaScript, 檢查編輯CSS和(hé)DOM， 并且查看移動(dòng)設備或計算機上的錯誤

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

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

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

25.Companion JS http://www.my-debugbar.com/wiki/CompanionJS/HomePage
IE下(xià)的js調試工具，需要結合Microsoft Script window使用，通(tōng)過安裝這個(gè)工具，但頁面出現錯誤時會在左上角彈出一個(gè)小錯誤提示，點擊會在IE下(xià)面顯示出一個(gè)錯誤控制台，就如(rú)FF下(xià)的 firebug控制台一樣，錯誤信息提示很詳細

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

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