精心收藏的一些web前端開發(fā)必備工具~~
1.ietester 0.3.5 多國語言版-同時(shí)擁有ie6、ie7、ie8(vista兼容)
http://my-debugbar.com/wiki/ietester/homepage
2.web developer for firefox插件
在菜單和工具欄加上多種網(wǎng)頁開發(fā)工具
https://addons.mozilla.org/zh-cn/firefox/addon/60
3.firebug1.3.3 for firefox插件
firebug 和 firefox 整合在一起,使你瀏覽網(wǎng)頁時(shí)手邊有了一套強(qiáng)大的網(wǎng)頁開發(fā)工具。你可以編輯、調(diào)試和監(jiān)控任何網(wǎng)頁上的 css、html 和 javascript。
http://addons.sociz.com/firefox/531/
4.javascript debugger for firefox插件
firefox下的javascript調(diào)試工具,比firebug有更強(qiáng)大的調(diào)試功能.
https://addons.mozilla.org/en-us/firefox/addon/216
5.ie tab 1.5.20081203 for firefox插件
讓您可以直接在 firefox 的標(biāo)簽頁中以內(nèi)嵌的 ie 引擎瀏覽網(wǎng)頁。
http://addons.sociz.com/firefox/53/
6.colorzilla 2.0 for firefox插件
高級(jí)吸管、取色器、頁面縮放和其他色彩應(yīng)用功能。
https://addons.mozilla.org/zh-cn/firefox/addon/271
7.firescope1.0.1 for firefox插件
firescope是一個(gè)firefox擴(kuò)展,同時(shí)也是一個(gè)firebug擴(kuò)展,可以幫助用戶快速的搜索html元素、屬性以及css屬性的參考信息
https://addons.mozilla.org/zh-cn/firefox/addon/10273/
8.firediff0.1a2 for firefox插件
firediff 是一個(gè)很有用的firebug插件,它可以跟蹤頁面中的dom變化,并且及時(shí)顯示變化的情況。
firediff需要 firebug 1.4a17 以上的版本才能運(yùn)行
http://incaseofstairs.com/download/firediff/?m=a\
9.jsview for firefox
jsview可以用來查看javascript和css文件的源代碼和路徑等。是個(gè)非常方便的工具。
http://addons.sociz.com/addon/316
10.faststone capture
faststone screen capture (fscapture) 是一款免費(fèi)的圖像瀏覽、編輯和抓屏工具,支持包括bmp, jpeg, jpeg 2000, gif, png, pcx, tiff, wmf, ico 和tga在內(nèi)的所有主流圖片格式,其獨(dú)有的光滑和毛刺處理技術(shù)讓圖片更加清晰,提供縮放、旋轉(zhuǎn)、減切、顏色調(diào)整功能。只要點(diǎn)點(diǎn)鼠標(biāo)就能隨心抓取屏幕上的任何東西,拖放支持可以直接從系統(tǒng)、瀏覽器或其他程序中導(dǎo)入圖
http://xdowns.com/soft/31/46/2006/soft_33967.html
11.debugbar v5.2.2
debugbar是一款internet explorer插件。它可以用于檢查dom,http,javascript及html代碼合法性等。
http://xdowns.com/soft/1/30/2008/soft_41181.html
12.yslow(why slow?-為什么慢呢?)
yslow是一款用來分析網(wǎng)頁,并提出前端性能改進(jìn)建議的firefox插件。yslow依據(jù)預(yù)定義或用戶自定義的規(guī)則為網(wǎng)頁評(píng)級(jí)。它同時(shí)提供了許多性能分析工具,如:smush.it™ 、 jslint。
http://developer.yahoo.com/yslow/
13.page speed
與yslow非常相似,page speed是google團(tuán)隊(duì)推出的一款用于評(píng)測網(wǎng)頁性能的插件,尤其可以依據(jù)“網(wǎng)頁性能最佳實(shí)踐”對(duì)網(wǎng)頁性能提出改進(jìn)建議。
page speed可以自動(dòng)優(yōu)化圖片,并提供壓縮版本。它也可以偵測到那些實(shí)際并未用到的javascript和css,以便優(yōu)化它們。
page speed可是個(gè)1.3m的大插件,它還擁有許多優(yōu)秀功能等你嘗試。
http://code.google.com/speed/page-speed/
14.pixel perfect
在制作網(wǎng)頁時(shí),在頁面上添加一個(gè)新的設(shè)計(jì)元素(例如一個(gè)圖片或圖標(biāo))之前,我們往往希望提前看到元素添加后頁面的整體效果。pixel perfect就可以幫你實(shí)現(xiàn)這個(gè)想法,它允許開發(fā)者在網(wǎng)頁上覆蓋你要添加的設(shè)計(jì)元素。使用它時(shí)你可以調(diào)整要添加元素的透明度和位置。
我感覺這款插件也可用來做網(wǎng)頁中元素的微調(diào),以保證和最初設(shè)計(jì)藍(lán)圖一致,如它的名字,完美到一個(gè)像素都不差。
http://pixelperfectplugin.com
15.codeburnder
安裝codeburner后,可以再firebug面板中看到參考面板用來查詢html元素、html屬性、css屬性,就像一個(gè)字典一樣。
當(dāng)在firebug中選中一個(gè)節(jié)點(diǎn)時(shí),它也會(huì)提供一些相關(guān)的代碼示例供你參考。
http://tools.sitepoint.com/codeburner/
16.fireunit
fireunit提供了一個(gè)簡單的api用來做簡單的測試記錄及單元測試。
http://fireunit.org/
17.firephp
在firephp的幫助下,你可以通過調(diào)用一個(gè)簡單的php方法,在firebug中記錄日志。
數(shù)據(jù)是通過響應(yīng)包頭(response header)發(fā)送的,不會(huì)影響到網(wǎng)頁內(nèi)容。
http://firephp.org/
18.firerainbow
firerainbow 可以用來控制、修改firebug中script的語法高亮顯示。
http://firerainbow.binaryage.com/
19.firediff
it adds a change monitor recording every change made, by firebug and the website itself, to css and the dom.
它能夠記錄通過firebug或網(wǎng)站自身的css或dom的每一次改動(dòng)。
http://incaseofstairs.com/firediff/
20.jiffy firefox extension
安裝jiffy firefox extension后會(huì)在firebug中出現(xiàn)一個(gè)新面板,用來圖形化顯示javascript的運(yùn)行時(shí)間,并可打印出報(bào)表。
看主頁說明,使用好像還有點(diǎn)麻煩。感興趣的朋友自己看下。
http://billwscott.com/jiffyext/
21.hammerhead
hammerhead可以幫助你計(jì)算網(wǎng)頁的載入時(shí)間。(這個(gè)好像firefox本身具備?。?br>它支持多頁面,并允許你清除磁盤或內(nèi)存緩存后再進(jìn)行載入時(shí)間測試。
http://stevesouders.com/hammerhead/
22.firecookie
firecookie, 是一個(gè)嵌入在firebug中的cookie瀏覽管理插件。
如果在web開發(fā)中用到了cookie,使用它可以輕松的瀏覽cookie值、過期時(shí)間等,有助于快速開發(fā)。
使用它時(shí)需要在firebug的網(wǎng)絡(luò)面板中開啟cookie監(jiān)測。它可同時(shí)顯示發(fā)送和接收的cookies。
http://softwareishard.com/blog/firecookie/
23.firefinder
在之前發(fā)布的一篇日志“一款快速查找頁面元素的firefox插件——firefinder”,專門介紹過這款插件。不再多說,需要的話去看一下。
http://robertnyman.com/firefinder/
24.livecoder
livecoder是firebug的一個(gè)擴(kuò)展,用來查看firefox chrome。這對(duì)與那些firefox插件開發(fā)者非常有用,它可以幫你檢查、修改firefox插件的dom。
不知道國內(nèi)是否開發(fā)firefox插件的,否則就用不到了。
http://getlivecoder.com/
25.ietester下的debugbar插件
下載:install-debugbar-v5.2.2.rar
26.editplus v3.11 build 421 漢化版
editplus 是一款功能強(qiáng)大的文字處理軟件。它可以充分的替換記事本,它也提供網(wǎng)頁作家及程序設(shè)計(jì)師許多強(qiáng)悍的功能。支持 html、css、php、asp、perl、c/c++、java、javascript、vbscript 等多種語法的著色顯示。程序內(nèi)嵌網(wǎng)頁瀏覽器,其它功能還包含 ftp 功能、html 編輯、url 突顯、自動(dòng)完成、剪貼文本、行列選擇、強(qiáng)大的搜索與替換、多重撤銷/重做、拼寫檢查、自定義快捷鍵,等等… editplus v3.11.421 錯(cuò)誤修正 ========== * 目錄窗口保留上一次打開的文件夾圖標(biāo) * “多次運(yùn)行” 工具欄按鈕 *…
http://crsky.com/soft/1578.html
27.dreamweaver cs3,4擴(kuò)展—jquery自動(dòng)提示
下載地址:http://code.google.com/p/jquery-api-zh-cn/downloads/list
續(xù)寫…..
28.css usage 0.2.0 for firefox插件
firebug extension to view which css rules are actually used.
下載地址:https://addons.mozilla.org/zh-cn/firefox/addon/10704
29.library detector for firefox插件
探測網(wǎng)頁中使用了哪些javascript框架,并在狀態(tài)欄中顯示其圖標(biāo),鼠標(biāo)懸停在圖標(biāo)上可顯示詳細(xì)信息
下載地址:https://addons.mozilla.org/zh-cn/firefox/addon/10083
30.library detector for firefox插件
organize status bar是一款firefox狀態(tài)欄圖標(biāo)管理插件,對(duì)于使用firefox的用戶來說,狀態(tài)欄一定放置了很多常用的插件圖標(biāo),但每當(dāng)安裝新的 firefoxr插件后,這些狀態(tài)欄的圖標(biāo)就會(huì)自動(dòng)排列,對(duì)于使用習(xí)慣來說,是非常不好的一件事,而organize status bar就是一款能幫助用戶自定義狀態(tài)欄插件圖標(biāo)的,它能設(shè)置各插件圖標(biāo)的顯示、隱藏,位置順序等功能……
下載地址:https://addons.mozilla.org/zh-cn/firefox/addon/1759
31.extended statusbar
顧名思義,這個(gè)插件是一個(gè)擴(kuò)展的狀態(tài)欄。他給原先相對(duì)簡單的狀態(tài)欄添加了諸如網(wǎng)頁載入速度、百分比、時(shí)間和大小等相關(guān)的信息。
下載地址:https://addons.mozilla.org/zh-cn/firefox/addon/1433
32.flashblock
flashblock 擴(kuò)展可以阻止網(wǎng)頁上那些讓人討厭的 flash。它將會(huì)阻止載入所有的 flash 內(nèi)容,并在網(wǎng)頁上顯示為占位符,使您可以點(diǎn)擊查看或下載這些 flash。
下載地址:https://addons.mozilla.org/zh-cn/firefox/addon/433
火狐插件主站搜索:https://addons.mozilla.org/zh-cn/firefox
作者:
he min出處:
http://hemin.cn本文版權(quán)所有,歡迎轉(zhuǎn)載,但未經(jīng)作者同意必須保留此段聲明,且在文章頁面明顯位置給出原文連接,否則保留追究法律責(zé)任的權(quán)利。
該文章在 2010/7/4 0:34:35 編輯過