通過適當(dāng)?shù)呐渲? Firefox 可以變成一個超級網(wǎng)頁設(shè)計工具, 讓你能夠?qū)崟r設(shè)計網(wǎng)頁樣式,測試Javascript以及編輯HTMl文件.我們只需要安裝以下擴(kuò)展就可以實現(xiàn)豐富多樣的網(wǎng)頁編輯功能.??

?

重要: 因為我們平時用不到這些擴(kuò)展,所以最好建立一個獨(dú)立的Firefox配置文件,這樣就不會影響到常規(guī)使用時的速度了.

一.創(chuàng)建一個獨(dú)立的Firefox配置文件.

創(chuàng)建多個配置文件的好處在于可以打造多個為某個目的專用的Firefox,同時也適合于多用戶共享電腦,所以下面的方法不僅限于本文的目的.

1.開始–運(yùn)行,輸入 firefox.exe -profilemanager ,啟動Firefox用戶配置文件向?qū)?如果你的Firefox并未安裝在默認(rèn)目錄下,這條命令應(yīng)改為 firefox所在路徑\firefox.exe -profilemanager .

2.點(diǎn)擊創(chuàng)建配置文件,創(chuàng)建一個新用戶,并為該用戶取一個你自己喜歡的名字.創(chuàng)建后退出.如圖所示,我的新建用戶為Webdev(Web Development).

3.為新配置文件創(chuàng)建圖標(biāo).復(fù)制桌面上的Firefox圖標(biāo),并直接粘貼在桌面上,右鍵點(diǎn)擊該圖標(biāo),選擇屬性,在目標(biāo)一欄的文字后面添加:

-P PROFILENAME -no-remote

其中PROFILENAME為你自己設(shè)定的配置文件名稱. -no-remote 是為了能夠讓不同配置文件的Firefox同時運(yùn)行.

?

這樣,這個名為Webdev配置文件就能獨(dú)立于原來的那個之外使用了,所有的配置,包括擴(kuò)展,書簽,主題都是全新的.

二.必備的網(wǎng)頁設(shè)計擴(kuò)展

1. FireBug

Firebug是測試Javascript,查看CSS和HTML的絕佳工具.你可以在修改代碼后立即測試頁面的變化.

點(diǎn)擊下載 ??

2. Web Developer Extension

這個擴(kuò)展是我最早聽說也是最常用的一個網(wǎng)頁設(shè)計擴(kuò)展,當(dāng)時修改模板的時候起了很大作用.它幾乎囊括了網(wǎng)頁設(shè)計的所有元素,主要作用在于監(jiān)測和查看代碼.

點(diǎn)擊下載

3. Aardvark Extension

這個輕量級擴(kuò)展可以簡單地顯示網(wǎng)頁元素的Class和ID,當(dāng)你只想快速獲得某個元素的信息時非常有用,你還可以通過它移除網(wǎng)頁上的元素.

點(diǎn)擊下載

4. Colorzilla

直接從網(wǎng)頁上獲取色彩代碼和RGB信息,相當(dāng)于圖像編輯軟件里的拾色器.

點(diǎn)擊下載

5. View Source With

使用多種外部軟件查看網(wǎng)頁代碼.

點(diǎn)擊下載

6. HTML Validator

快速驗證HTML代碼的合法性.

Windows平臺下載

Linux平臺下載

7. Measure It

距離測量工具.

點(diǎn)擊下載

8. IE View ?/ IE Tab ?/ OperaView ?/ FirefoxView ?/ Safari View ?/ IE View Lite

在Firefox中調(diào)用其他瀏覽器渲染網(wǎng)頁.測試網(wǎng)頁的兼容性時很有用.

9. Clear Cache Button

清除網(wǎng)頁緩存,檢查CSS更改時非常有用.

點(diǎn)擊下載

10. Restart Firefox

在不損壞當(dāng)前標(biāo)簽和進(jìn)程的情況下重啟Firefox.

點(diǎn)擊下載

11. Tab Mix Plus

盡管這是一個常規(guī)擴(kuò)展,但是復(fù)制標(biāo)簽和復(fù)制標(biāo)簽鏈接功能對網(wǎng)頁設(shè)計很有作用.

點(diǎn)擊下載

12. YSlow

Yslow是雅虎新近出品的一個網(wǎng)頁分析工具.它能夠給你提供網(wǎng)頁錯誤信息以及網(wǎng)頁優(yōu)化建議.必須安裝Firebug后才能使用該擴(kuò)展.

點(diǎn)擊下載

讓Firefox變成終極網(wǎng)頁設(shè)計工具