Online Drag-and-drop Ruler ものさしを表示してWebページの各部のサイズを測定できる

Online Drag-and-drop Rulerとは?

Online Drag-and-drop Rulerとは、Webページの各部のサイズを測定するためのWebアプリです。

Online Drag-and-drop Ruler Webページのサイズを測定 Webアプリ

http://abricocotierfr.appspot.com/ruler

Online Drag-and-drop Rulerでは、指定したWebページ上に、全体を測定するものさしと、各部のサイズを測定するのに便利な、縦横の小さなものさしを表示します。

小さなものさしは、ドラッグ&ドロップで自由に移動でき、また、単位をセンチ、インチ、ピクセルの3種類から選ぶことができます。

Online Drag-and-drop Ruler ものさしでWebページのサイズを測る

Online Drag-and-drop Rulerにアクセスしたら、「Site」ボックスにものさしを表示したいWebページのURLをコピーペーストして、「Get」ボタンをクリックします。

Online Drag-and-drop Ruler Webページのサイズを測定 ものさしを表示

Webページが読み込まれると、縦横全体のものさしと、2つの小さなものさしが表示されます。

測定する単位を変えたいときは、それぞれ「cm」、「in」、「px」の文字をクリックしましょう。

ものさしは単位と合わせて色も変わるので、わかりやすいですね。

あとは、Webページをスクロールしながら、小さなものさしをドラッグ&ドロップして、好きな部分のサイズを測ってみましょう。

デベロッパーツールの関連記事一覧 - Webアプリのいいところ

Chrome拡張のいいところ 関連コンテンツ

この記事に対してトラックバックを送信する(FC2ブログユーザー)
http://chromeapp.info/tb.php/421-51ff02d6

0件のトラックバック

0件のコメント

コメントの投稿

投稿フォーム
投稿した内容は管理者にだけ閲覧出来ます

Copyright © 2008-2017 Chrome拡張のいいところ. All Rights Reserved.

スポンサードリンク

Chrome拡張の最新記事

Zoom Page WE Chrome拡張 ページ全体かテキストだけを選んでズームレベルを変更できる 2017/05/23

Have I Downloaded This Before? ダウンロードファイルの重複を防ぐChrome拡張 2017/05/16

Visor Chrome拡張 画面を薄暗くして水平のフォーカスバーを表示する 2017/05/09

Privacy Control - 履歴の記録の有効/無効をワンクリックで切り替えるChrome拡張 2017/05/02

Time Calculator 経過時間と積み重ね時間をシンプルに計算するChrome拡張の電卓 2017/04/25

Print Image Pro - Webページの画像を用紙全体にフィット印刷するChrome拡張 2017/04/18

Volume Controller - Chromeに独自のボリュームコントロールを追加する拡張機能 2017/04/11

Link Text Color Chrome拡張 リンクの色を強制的に標準の色(青と紫)に変更できる 2017/04/04

ブログ「Chrome拡張のいいところ」について

おすすめのChrome拡張機能や設定を紹介するブログです。

ご連絡はこちらまでどうぞ
sg.inagaki@gmail.com

RSS Feed