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