Webページ内のサイズを簡単に測れるGoogleクロームの拡張機能

この記事を読むのに必要な時間:00分49秒

今日は、Webページ内の画像やコンテンツのサイズを簡単に測れるGoogleクロームのアドオン(拡張機能)、「Page Ruler」をご紹介します。

「この画像、どれくらいのサイズで作ってるんだろ??」
こんなとき、とても便利ですよ。

Page Rulerのインストール方法
インストールは、こちらのページから。
Page Rulerのインストールページ >>

「+ 無料」ボタンをクリック。(+無料だったり、+FREEだったりします。)

Page Rulerのインストール方法 その1

「Page Ruler」を追加しますか? → 「追加」をクリック。

Page Rulerのインストール方法 その2
インストール後、案内ページが表示されますが、「Do not show this page again」のチェックボックスにチェックを入れるともう表示されなくなります。

これでインストールは終了。右上にアイコンが表示されます。

Page Rulerのインストール方法 その3
Page Rulerの使い方
使い方は簡単。

インストール後に表示された上記のアイコンをクリックすると、以下のようにPage Rulerの画面が出てきて、ページ内の任意の場所を選択できるようになります。

Page Rulerの使い方 その1

そして、選択した部分のWidth、Height、位置を教えてくれます。ちなみに枠内の色も変更可能です。

Page Rulerの使い方 その2

Page Rulerは要素もチェックできる。
左上の「<>」をクリックすると、divなどの要素をチェックする機能も使うことができます。

Page Rulerは要素もチェックできる。

すごく便利なアドオンですよ。


今日は、以上です、
ありがとうございました!


This entry was posted in Google Chrome, Webサイト制作, アドオン, 初心者向け and tagged , , . Bookmark the permalink.

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>