言語・開発

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

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

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

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

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

cssviewer5

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

インストール

cssviewer1

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

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

cssviewer2

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

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

使い方

cssviewer3

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

cssviewer4

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

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

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

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

関連記事

  1. 言語・開発

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

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

  2. 言語・開発

    Chromeをスマホ環境にしてくれるChrome拡張機能 『Ripple Emulator』

    モバイル端末の選択や各種情報、GPS情報などを設定してChro…

  3. 言語・開発

    Chromeアプリで動作するシンプルで軽快なテキストエディタ 『Text』

    Chromeアプリで動作するシンプルなテキストエディタChro…

  4. 言語・開発

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

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

コメント

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

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

PAGE TOP