1. 程式人生 > >常用前端開發工具合集

常用前端開發工具合集

2.HttpWatch http://www.httpwatch.com/
整合在IE和Firefox上的監聽HTTP和HTTPS的工具

5.Yslow http://developer.yahoo.com/yslow/
Firebug的一個擴充套件,可以根據高效能網站的一些準則來分析網頁並且提出建議來提高網站的效能

7.VIM http://www.vim.org/
一個高階的文字編輯工具,是在UNIX系統上面VI編輯器的升級版本

10.PageSpeed http://code.google.com/intl/zh-CN/speed/page-speed/
Page Speed 是開源 Firefox/Firebug 外掛。網站管理員和網路開發人員可以使用 Page Speed  來評估他們網頁的效能,並獲得有關如何改進效能的建議

12.Myspace Performance Tracker http://msfast.myspace.com/
Myspace的效能分析工具, 可以分析到頁面渲染的各個階段的時間、CPU和記憶體的消耗情況,只使用於IE中

13.YUI Compressor http://developer.yahoo.com/yui/compressor/
用java寫的一個程式碼壓縮工具,使用方法: java -jar yuicompressor-x.y.z.jar [options] [input  file]

15.JSLint http://jslint.com/
線上JS校驗工具,使用請注意“JSLint will hurt your feelings.”

21.Opera Dragonfly http://www.opera.com/dragonfly/
Opera Dragonfly 是Opera瀏覽器的跨裝置,跨平臺除錯環境—除錯 JavaScript, 檢查編輯CSS和DOM,  並且檢視移動裝置或計算機上的錯誤

23.DynaTrace http://ajax.dynatrace.com/pages/
一個頁面效能分析工具,是針對瀏覽器 IE 6 ~ 8 的。它可以用來分析頁面渲染時間、DOM方法執行時間,甚至可以看到 JS  程式碼的解析時間。多謝“有米啦”同學的推薦,好友卓群的 部落格以前也介紹過

24.IE Tester http://www.my-debugbar.com/wiki/IETester/HomePage


IETester是一個免費的瀏覽器,它同時包括了IE 5.5、IE 6、IE 7、IE  8的所有核心,多版本IE測試好工具,DIV測試,CSS相容和各個版本瀏覽器相容檢測工具

25.Companion JS http://www.my-debugbar.com/wiki/CompanionJS/HomePage
IE下的js除錯工具,需要結合Microsoft Script  Debugger使用,通過安裝這個工具,但頁面出現錯誤時會在左上角彈出一個小錯誤提示,點選會在IE下面顯示出一個錯誤控制檯,就如FF下的 firebug控制檯一樣,錯誤資訊提示很詳細