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



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

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

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

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

cssviewer5

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

インストール

cssviewer1

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

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

cssviewer2

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

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

使い方

cssviewer3

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

cssviewer4

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

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

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

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

  • コメント: 0

関連記事

  1. 言語・開発

    WebサイトのSEO的な分析ができるChrome拡張機能 『AdMatrix Analytics』

    WebサイトのSEO的な分析が出来るChrome拡張機能H1タ…

  2. 言語・開発

    サイトで使われているサービスやCMSなどを検出してくれるChrome拡張機能 『Wappalyzer…

    Webサイトで使用しているサービスやライブラリCMSやアクセス…

  3. 言語・開発

    ネットワーク図やフロー図が作成出来るChromeアプリ 「LucidChart」 チームで共同作業も…

    ネットワーク図やフローチャート図などを作成出来るChromeアプリ…

  4. 言語・開発

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

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

  5. 言語・開発

    Chrome拡張機能のソースコードを閲覧できる拡張機能 『Chrome extension sour…

    GoogleChromeの拡張機能のソースコードを確認できる開…

コメント

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

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

最近の記事

PAGE TOP