輔助網頁設計的優秀Firefox擴充

來源:互聯網
上載者:User

Firefox是一款越來越熱的Web瀏覽器,多種多樣的擴充,主題,外掛程式,是它快速流行的重要原因. Mozilla的網站上提供了許多擴充和外掛程式的下載,由於眾多開發人員的支援,這些擴充和外掛程式的數量也在隨著需求日益增長,下面列舉13款比較優秀的可以輔助Web Designer工作的擴充.其實下面許多擴充大家都是知道的,大部分現在都升級至支援firefox3,下面簡單總結一下。

1、IE Tab


瀏覽器安全色是所有Web開發人員都要考慮的問題,IE Tab能夠讓您再Firefox中以IE的渲染方式來呈現頁面,並且可以方便的在兩者之間切換。

2、Style Sheet Chooser II



Style Sheet Chooser II 允許瀏覽者或開發人員迅速的在為同一頁面編寫的不同樣式之間來回的切換,甚至能夠保證被選擇樣式應用到該網站的全部頁面上. Style Sheet Chooser II 會覆蓋Firefox內建的樣式表切換器[style-sheet-switcher].

你可以用多種方式來調用它:
a. 通過"查看"[View]->"頁面樣式"[Page Style]下面的選項;
b. 通過工具列[Toolbar]的一鍵切換;
c. 通過狀態列[Status Bar]的表徵圖按鈕;

小提示: 是否在狀態列和工具列中顯示表徵圖,可以在擴充偏好[Extension Preference]中設定

3、CSSViewer



一款小巧的CSS屬性查看器,隨著滑鼠的移動顯示當前所指示元素的CSS樣式資訊,其中包括了所有從父級元素繼承而來,使用者自訂以及瀏覽器自訂的樣式資訊. 同Style Sheet Chooser II 一樣,你也可以通過在工具列添加該擴充的表徵圖按鈕來啟用/禁用該擴充。

4、CSS validator



用W3C的CSS標準來校檢頁面,在新頁面中顯示校檢結果,不過只對包含了CSS樣式檔案的頁面起作用,例如http://www.w3.org/
其快捷按鈕既可添加在右鍵菜單中也可添在工具列上,

5、ColorZilla 2.0



ColorZilla的主要功能有:
將瀏覽器頁面內的任何一點轉換為16進位的顏色字串,方便您快速的將其粘貼到其他的CSS樣式中;
通過縮放頁面來測量其上任何兩點之間的距離;
從內建的調色盤中選擇預置的顏色,並把最常使用的顏色添加到自訂的調色盤中;

6、FireShot 0.59



FireShot能夠方便的建立頁面的截圖[略縮圖],相比於其他的擴充,FireShot提供了一系列的編輯和注釋工具,方便你快速的修改所捕獲映像或者添加文本,映像注釋. 這些功能對於網頁設計者,測試者,和瀏覽者都很有用, 此外使用者還可以自己定製所要捕獲的範圍,是頁面全部還是螢幕的可見部分



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。