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