マウスオーバーでCSS表示してくれるWeb開発者に便利なChrome拡張機能 『CSSViewer』

マウスを上に持ってくるだけで、その場所の

要素のCSSを表示してくれるChrome拡張機能

Web開発者やこのデザインいいな~どうやって作っているの

といった場合に便利な拡張機能です

cssviewer5

Chrome拡張機能 CSSViewer インストールはこちらから

目次

インストール

cssviewer1

上記リンク先ページをChromeで開き

「CHROMEに追加」をクリックします

cssviewer2

拡張機能を追加でインストール完了です

Chromeにアイコンが追加されます

使い方

cssviewer3

まずは追加されたアイコンをクリックします

cssviewer4

あとは見たい要素にマウスを持っていくだけ

ポップアップでCSSが表示されます

CSSの変更などは出来ませんが

お手軽に簡単に見ることができます

よかったらシェアしてください!

コメント

コメントする

This site uses Akismet to reduce spam. Learn how your comment data is processed.

目次