Chromeツール

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

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

Chrome拡張機能

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

情報を教えてくれます

csspeeper5

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

インストール

csspeeper1

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

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

csspeeper2

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

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

レビュー

csspeeper3

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

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

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

csspeeper4

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

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

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

便利な拡張機能です

関連記事

  1. Chromeツール

    閲覧履歴をまとめてくれるChrome拡張機能が分かりやすい 『CottonTracks』

    Chromeの閲覧履歴をまとめてマガジン風に表示してくれる拡張機能…

  2. Chromeツール

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

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

  3. Chromeツール

    Chrome上でPDFを編集!! ハイライトやコメントなど挿入可能なChrome拡張機能 『Nota…

    Chrome内でPDFの編集が可能になる拡張機能下線やハイライ…

  4. Chromeツール

    ボスが来た!! 1クリックでChromeのタブを瞬時に隠す事ができる拡張機能 『PanicButto…

    ChromeでWeb閲覧をしている時に突然の上司、家族などが来た場合な…

  5. Chromeツール

    悪質なサイトをシャットアウト 評価の悪いサイトで警告するChrome拡張機能 『avast! Onl…

    フィッシングサイトなどの情報収集をシャットアウトしたり評価の悪…

  6. Chromeツール

    約50%にできる!? PDFが圧縮ができるChromeアプリ 『PDF圧縮』

    ChromeアプリでPDFが圧縮できる便利なツール使い方も非常…

コメント

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

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

PAGE TOP