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拡張機能 『Eternity…

    一年や一か月などの時間をプログレスバーで表示してくれるChro…

  2. Chromeツール

    40種類以上のエンジンでダウンロード時にファイルをチェックしてくれるChrome拡張機能 『Meta…

    ダウンロード時にファイルをスキャンして安全かを教えてくれるCh…

  3. Chromeツール

    見やすい!! Chromeのタブを縦に並べてくれるChrome拡張機能 『Go to Tab』

    Chromeのズラッと並んだタブを一覧リストで縦に並べてくれる…

  4. Chromeツール

    特定のサイトをミュートにしてくれるChrome拡張機能 『AutoMute』 ポップアップ広告などに…

    特定のサイト・ドメインやタブの音量をミュートにしてくれるChr…

  5. Chromeツール

    短縮URLの取得!! 1クリックで簡単に取得できるChrome拡張機能 『goo.gl URL Sh…

    見ているページを1クリックで短縮URLを取得できるChrome…

コメント

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

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

PAGE TOP