WebページのCSSを解析して表示してくれるChrome拡張機能 『CSS Peeper』



WebページのCSSをポップアップで表示してくれる

Chrome拡張機能

サイズやカラー、マージンなど色々な

情報を教えてくれます

csspeeper5

Chrome拡張機能 CSS Peeper インストール

インストール

csspeeper1

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

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

csspeeper2

拡張機能を追加をクリックします

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

レビュー

csspeeper3

CSS情報を見たいページでアイコンをクリックすると

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

マージンやフォントサイズなど色々な情報が表示されます

csspeeper4

ページ全体で使う色なども表示できます

統一感など見たりと色々な見方ができます

Webデザイナーやブログのテンプレートいじりなどに

便利な拡張機能です

  • コメント: 0

関連記事

  1. Chromeツール

    Chromeでパスワードを〇〇を表示してくれる拡張機能『Show Password on Focus…

    Chrome内でパスワードの伏字を表示してくれる拡張機能通常は…

  2. Chromeツール

    Youtubeや他の動画を小さなウィンドウで再生してくれるChrome拡張機能 『Panelizer…

    Youtube動画や他の動画サービスでも対応した小さなウィンド…

  3. Chromeツール

    ページを見ながらCSSスタイルを調整できるChrome拡張機能 『Code Cola』

    ページを見ながら直接レイアウトを調整して確認する事ができるCh…

コメント

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

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

最近の記事

PAGE TOP