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

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

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

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