通過適當(dāng)?shù)呐渲? Firefox 可以變成一個超級網(wǎng)頁設(shè)計(jì)工具, 讓你能夠?qū)崟r設(shè)計(jì)網(wǎng)頁樣式,測試Javascript以及編輯HTMl文件.我們只需要安裝以下擴(kuò)展就可以實(shí)現(xiàn)豐富多樣的網(wǎng)頁編輯功能.??
?
重要: 因?yàn)槲覀兤綍r用不到這些擴(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è)計(jì)擴(kuò)展
1. FireBug
Firebug是測試Javascript,查看CSS和HTML的絕佳工具.你可以在修改代碼后立即測試頁面的變化.
點(diǎn)擊下載 ??
這個擴(kuò)展是我最早聽說也是最常用的一個網(wǎng)頁設(shè)計(jì)擴(kuò)展,當(dāng)時修改模板的時候起了很大作用.它幾乎囊括了網(wǎng)頁設(shè)計(jì)的所有元素,主要作用在于監(jiān)測和查看代碼.
這個輕量級擴(kuò)展可以簡單地顯示網(wǎng)頁元素的Class和ID,當(dāng)你只想快速獲得某個元素的信息時非常有用,你還可以通過它移除網(wǎng)頁上的元素.
4. Colorzilla
直接從網(wǎng)頁上獲取色彩代碼和RGB信息,相當(dāng)于圖像編輯軟件里的拾色器.
使用多種外部軟件查看網(wǎng)頁代碼.
快速驗(yàn)證HTML代碼的合法性.
7. Measure It
距離測量工具.
8. IE View ?/ IE Tab ?/ OperaView ?/ FirefoxView ?/ Safari View ?/ IE View Lite
在Firefox中調(diào)用其他瀏覽器渲染網(wǎng)頁.測試網(wǎng)頁的兼容性時很有用.
清除網(wǎng)頁緩存,檢查CSS更改時非常有用.
10. Restart Firefox
在不損壞當(dāng)前標(biāo)簽和進(jìn)程的情況下重啟Firefox.
11. Tab Mix Plus
盡管這是一個常規(guī)擴(kuò)展,但是復(fù)制標(biāo)簽和復(fù)制標(biāo)簽鏈接功能對網(wǎng)頁設(shè)計(jì)很有作用.
12. YSlow
Yslow是雅虎新近出品的一個網(wǎng)頁分析工具.它能夠給你提供網(wǎng)頁錯誤信息以及網(wǎng)頁優(yōu)化建議.必須安裝Firebug后才能使用該擴(kuò)展.
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索：z360901061
微信掃一掃加我為好友
QQ號聯(lián)系： 360901061
您的支持是博主寫作最大的動力，如果您喜歡我的文章，感覺我的文章對您有幫助，請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點(diǎn)擊下面給點(diǎn)支持吧，站長非常感激您！手機(jī)微信長按不能支付解決辦法：請將微信支付二維碼保存到相冊，切換到微信，然后點(diǎn)擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對您有幫助就好】元
