在設計網頁時，可以使用Page RulerChrome外掛工具來顯示頁面中物件的寬度、高度和它的邊界位置與像素大小，就像一個瀏覽器的頁面標尺一樣，在設計網站時能協助我們更準確的計算元件的邊緣距離與尺寸。
Google瀏覽器擴充外掛安裝：Page Ruler頁面標尺 (Chrome)
Page Ruler 頁面標尺 擴充外掛
STEP1
前往安裝Page Ruler 頁面標尺。
STEP2
在要丈量的頁面，點一下工具列的「Page Ruler」圖示。
STEP3
直接拖曳想要丈量的元素，會在上方顯示邊界、像素大小，可在方框中手動調整大小和位置，獲得更精準的區塊。
延伸閱讀：更多Chrome外掛