過去的幾周,我一直在忙于一個新的網(wǎng)站。不過,我決定借助Firefox的擴展來擺脫獨自工作。它們使我的工作減輕不少,僅需幾秒鐘下載。
Aardvark:Aardvark使你能夠選擇網(wǎng)頁上的元素,以展示其上的行為。我用它來分析頁面結(jié)構(gòu)。你也能夠移除、隔離元素或產(chǎn)生DOM代碼。我強烈推薦。
ColorZilla:如果網(wǎng)頁上有你喜歡的顏色,ColorZilla會找到其精確值,你就可以粘貼到代碼程序里了。還能根據(jù)內(nèi)建的調(diào)色板來產(chǎn)生自定義的顏色。它還保存經(jīng)常使用的顏色,方便隨后使用。強大、簡單,必不可少。
CSS Validator:CSS Validator在瀏覽器增加一個右擊選項,以發(fā)送CSS到W3C CSS Validator。它在新開的標(biāo)簽(tab)里顯示結(jié)果。CSS Validator是個好工具,遲早用得著。
CSSViewer:沒有web設(shè)計師應(yīng)該不使用CSSViewer。該插件告訴你所需要的關(guān)于某個站點的所有CSS信息。僅僅單擊頁面,打開工具菜單,它就顯示了CSS信息。我?guī)缀跆焯煊谩?/p>
FireBug:FireBug是那些不可或缺的擴展之一。它允許你編輯、debug、查看CSS、HTML和JavaScript。一旦你修改了站點的HTML,F(xiàn)ireBug會自動在同一個窗戶顯示。非常強大。
FirePHP:FireBug是面向CSS、HTML和JavaScript的好工具,而FirePHP,僅在你已安裝FireBug擴展之后,會產(chǎn)生具有豐富功能的開發(fā)體驗。你可以查看PHP的質(zhì)量、排錯。很有幫助。
Font Finder:它可以高亮任意站點上的字體,在選擇區(qū)域右擊,選擇“Font Finder”,以查看選擇部分整個CSS文本樣式。然后你就能粘貼到自己的網(wǎng)頁里。
HTML Validator:功能非常強大,僅windows用戶使用。它把網(wǎng)頁的錯誤反饋給你。它還告訴你問題出在哪里。但是,如果你不是一個高級的web設(shè)計師,還是遠離它。太過復(fù)雜。
IE View:只要你在使用windows,IE Viewer就是有用的工具。它在右鍵菜單里增加了“Open in IE”選項,從而快速地在Internet Explorer里打開網(wǎng)址。它還可以對比一個網(wǎng)頁在兩個瀏覽器里的樣子。
Java Console:如果你想知道Java applets如何在網(wǎng)頁上運行,Java Console就適合你。你可以監(jiān)視、調(diào)試applets,并獲得一份有關(guān)性能的完整報告。
LinkChecker:高亮任何網(wǎng)站的鏈接,告訴你該鏈接把你帶到一個可用的站點,否則將返回404.我天天用。
Poster:如果你想調(diào)試服務(wù)器,發(fā)出HTTP請求,Poster就是最佳工具。操作簡單,你先設(shè)定一個內(nèi)容類型,數(shù)分鐘內(nèi),你將擁有需要檢視HTTP請求結(jié)果的所有信息。適用。
Style Sheet Chooser II:它取代FireFox內(nèi)建的樣式單選擇器,讓你選用不同的樣式,并持續(xù)應(yīng)用整個網(wǎng)站。它不經(jīng)常被用到,但是,某些工作還是需要它的。
Web Developer:如果你安裝了這里提到的任何擴展,Web Development也應(yīng)當(dāng)包括在內(nèi)。它給Firefox增加了一個菜單和工具條,你可以選擇顯示網(wǎng)頁的樣式,查看或編輯CSS等等。Web開發(fā)者必不可少。
YSlow:需要安裝了FireBug,它可以找到網(wǎng)站速度慢的原因。它根據(jù)《》分析網(wǎng)頁,并返回使網(wǎng)站變慢的因素。我經(jīng)常讓它幫我找到如何提高網(wǎng)站速度。試試看。