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を画面分割できるChrome拡張機能が便利 『Dualless』

    簡単にChrome画面を分割して画面上に2ページ表示できる拡張…

  2. Chromeツール

    ネットワーク図やフローチャートなど様々な図形をブラウザ上で作成、編集出来るChromeアプリ Cac…

    ネットワーク図やオフィスレイアウト、Web作成時に便利なワイヤーフレー…

  3. Chromeツール

    Chromeのタブにスヌーズ機能!? 指定時間後にタブを開いてくれる拡張機能 『Tab Snooze…

    Chromeのタブにスヌーズ機能を付けれる使い方次第で便利な拡…

  4. Chromeツール

    右クリック禁止!! コピペ出来ないサイトでも文字がコピーできるようにしてくれるChrome拡張機能 …

    右クリックが出来ないサイトやコピペが出来ないサイト、ページで画…

  5. Chromeツール

    強固なパスワードをサクッと作ってくれるChrome拡張機能 『Strong Password Gen…

    強固なパスワードをサクッと作成してくれるChrome拡張機能…

コメント

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

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

最近の記事

PAGE TOP