MeasureIt

Web Information

Webページ上の要素の縦横サイズを計測できるChrome拡張機能「MeasureIt」

MeasureItはWebページ上の特定の要素の縦横サイズを簡単に計測できるGoogle Chrome拡張機能です。Web制作する人にとってはかなり役立つツールですよね。例えば、デザインを参考にしたいサイトで、ここの要素は何pxのサイズに設定されているんだろうといった時にサッと確認することができます。Chromeを使っている人は入れておいて損はない機能です。

[ads_center]

MeasureItの使い方

まずは以下からMeasureItをChromeにインストールします。

インストールすると、画面右上にMeasureItのアイコンが追加されます。

MeasureIt

サイズを測りたいサイトへ行き、このアイコンをクリックして目的の要素をドラッグすると縦横サイズを知ることができます。アイコンをクリックすると画面が半透明のような状態になり、これで計測が可能になります。

MeasureIt

測り終わったら「escキー」を押すことで半透明の状態が解除されます。(当方MacなのでWindowsは分かりません。)

1px単位まで正確に知りたい時はソースコードを確認するのが一番確実ですが、手間をかけずに大体のサイズを知りたい時には重宝する拡張機能だと思います。

関連記事

  1. Web Information

    iPhone版Chromeアプリで自動で飛ばされるスマホ専用ページをPCページで表示させるやり方

    個人的にとても便利な機能だったのでメモがてらご紹介します。iPhone…

  2. 現時点の動画のURLをコピー

    Web Information

    YouTube動画で指定した時間から再生できるURLをコピーする方法

    YouTube動画のURLを友達などに伝えるときに「◯分◯秒から再生さ…

  3. Evernoteでノートブック削減

    Web Information

    Evernoteでノートブックを削減する方法

    Evernoteのノートブック削減の仕方でちょっと戸惑ったのでメモがて…

  4. CSSViewer

    Web Information

    特定の要素のCSSを手軽に確認できるChrome拡張機能「CSSViewer」

    CSSViewerというChrome拡張機能を使ってみました。特定の要…

  5. Web Information

    Google +1(プラスワン)ボタンを今更ながら設置してみた

    当ブログには現在Twitter、Facebook、はてなブックマークの…

  6. Web Information

    Googleアラートで好きなキーワードを指定してフィード登録するやり方

    すごい今更ですがGoogleアラートのフィード登録を使ってみました。と…

コメント

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

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

最近の記事

  1. OWL-WDDESK01
  2. ワンタッチ着脱フィルターキット
  3. Soundcore Ace A1
  4. cheero USB-C PD Charger 60W

アーカイブ

PAGE TOP