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



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

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

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

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

cssviewer5

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

インストール

cssviewer1

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

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

cssviewer2

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

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

使い方

cssviewer3

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

cssviewer4

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

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

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

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

  • コメント: 0

関連記事

  1. 言語・開発

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

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

  2. 言語・開発

    WebページのSEOやPWA対応状況をChromeでチェックできるChrome拡張機能 『Light…

    サイトの表示速度などのパフォーマンスやPWA対応状況などを確認…

  3. 言語・開発

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

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

  4. 言語・開発

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

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

  5. 言語・開発

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

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

  6. 言語・開発

    Google Analyticsが導入しているか分かるChrome拡張機能 導入時などに便利 Ana…

    表示したページがGoogleAnalyticsを導入しているかどうかが…

コメント

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

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

最近の記事

PAGE TOP