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



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

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

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

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

cssviewer5

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

インストール

cssviewer1

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

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

cssviewer2

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

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

使い方

cssviewer3

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

cssviewer4

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

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

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

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

  • コメント: 0

関連記事

  1. 言語・開発

    AutoCadが無料!? ブラウザ上でAutocadで図面を描けるChromeアプリ クラウド環境で…

    あのAutocadをクラウド環境で編集・閲覧出来たりするChromeア…

  2. 言語・開発

    モバイル画面を確認出来るChrome拡張機能 自分で端末の登録も可能 『FireMobileSimu…

    携帯端末やスマートフォンでもChromeブラウザから画面確認出来るCh…

  3. 言語・開発

    iPhone・スマートフォン対応のWebページを表示してくれるChrome拡張機能 IPhone E…

    IPhone・スマートフォン対応のWebページをサクっと表示してくれる…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

PAGE TOP