ブラウザ内の座標を取得する

Tomohiro 173views 更新:2017年4月25日

CSSとかでスタイルいじっていると扱うことがあるけれど、どの部分を指しているのかわかりにくい。Chromeの拡張機能を用いると一発で座標を表示できる。

Page Ruler
https://chrome.google.com/webstore/detail/page-ruler/jlpkojjdgbllmedoapgfodplfhcbnbpn

機能を追加後、起動して座標を求めたい位置をクリックしてあげるとpx単位で表示できる。 拡張機能ツールバーの<>ボタンを押すとトラッキングモードになり、マウスオーバーした要素のidなどが表示できるので簡易的なデベロッパーツールとしても使える

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません