CSSViewer是一款可以快速查看當(dāng)前網(wǎng)頁中的css樣式的谷歌瀏覽器插件。
CSSViewer的開發(fā)背景
對(duì)于網(wǎng)頁的設(shè)計(jì)者來說,通常需要大量的css來保證網(wǎng)頁樣式的正常顯示,但是如果在網(wǎng)上看到了一些網(wǎng)頁設(shè)計(jì)的模版,想要查看css樣式的話,如果光看css的文件一般是無法形象地看出什么的。如果能夠在網(wǎng)頁運(yùn)行的狀態(tài)下,使用鼠標(biāo)來查看任意一個(gè)網(wǎng)頁元素的css的樣式,勢必會(huì)提高我們的開發(fā)效率,今天給大家推薦的這款Chrome插件,就是可以快速地查看當(dāng)前網(wǎng)頁中的樣式的谷歌瀏覽器插件。
CSSViewer安裝步驟
首先下載該插件,壓縮后得到一個(gè).crx的文件名
打開谷歌瀏覽器,在右上角選擇更多工具--可擴(kuò)展工具(或者在網(wǎng)址欄輸入chrome://extensions/)進(jìn)入擴(kuò)展程序
將xx.crx的文件名拖拽到上面就回出現(xiàn)提示安裝
添加安裝后,安裝成功。接下來就可以進(jìn)行操作啦。
CSSViewer的簡介
CSSViewer是一款可以幫助用戶快速查看當(dāng)前網(wǎng)頁中的css樣式的谷歌瀏覽器插件,在Chrome中安裝了CSSViewer插件以后,用戶就可以在Chrome的右上角啟動(dòng)該插件以后,使用鼠標(biāo)放到想要查看的元素上,CSSViewer插件就會(huì)自動(dòng)地顯示出該元素當(dāng)前的css樣式,使用起來非常方便。
CSSViewer的注意事項(xiàng)
1.使用CSSViewer插件查看網(wǎng)頁樣式的時(shí)候,首先需要用戶點(diǎn)擊Chrome右上角的CSSViewer插件按鈕來啟動(dòng)該插件。
2.用戶可以把鼠標(biāo)放到想要查看的元素上面,快速地查看該元素的css。
- PC官方版
- 安卓官方手機(jī)版
- IOS官方手機(jī)版