使用谷歌瀏覽器Chrome方便快捷檢視網頁CSS樣式?

谷歌瀏覽器的簡潔、方便、易用贏得了很多使用者的喜愛。它可以安裝各種擴充套件,讓谷歌瀏覽器實現更加強大的功能。下面就來講解一下如何使用谷歌瀏覽器Chrome方便快捷檢視網頁CSS樣式。

使用谷歌瀏覽器Chrome方便快捷檢視網頁CSS樣式

工具/原料

谷歌瀏覽器Chrome

CSSViewer擴充套件

方法/步驟

開啟谷歌瀏覽器進入谷歌應用商店。如果進入不了谷歌應用商店的可以參照此篇經驗:

使用谷歌瀏覽器Chrome方便快捷檢視網頁CSS樣式

在谷歌線上應用商店搜尋框裡搜尋“CSSViewer”。

使用谷歌瀏覽器Chrome方便快捷檢視網頁CSS樣式

找到“CSSViewer”擴充套件,單擊右方“新增至Chrome”按鈕。

使用谷歌瀏覽器Chrome方便快捷檢視網頁CSS樣式

彈出“確認新增應用”對話方塊,此時需要單擊“新增”。

使用谷歌瀏覽器Chrome方便快捷檢視網頁CSS樣式

耐心等待“CSSViewer”擴充套件下載完成,之後它會自動安裝。

使用谷歌瀏覽器Chrome方便快捷檢視網頁CSS樣式

這時候“CSSViewer”就安裝完畢了,現在只要使用滑鼠移動至想要檢視的元素上,CSSViewer擴充套件就會自動地顯示出該元素當前的css樣式,非常的方便。

使用谷歌瀏覽器Chrome方便快捷檢視網頁CSS樣式

使用谷歌瀏覽器Chrome方便快捷檢視網頁CSS樣式

注意事項

谷歌瀏覽器不用擴充套件也可以檢視網頁CSS樣式,只不過不夠方便快捷而已

小夥伴們如果認為本篇經驗對您有用,還請不吝點贊喲

相關問題答案