【Chrome擴充】Page Ruler頁面標尺工具,測量網站中元素的邊界、大小。



【Chrome擴充】Page Ruler頁面標尺工具,測量網站中元素的邊界、大小。

Page-Ruler頁面量尺
在設計網頁時,可以使用Page RulerChrome外掛工具來顯示頁面中物件的寬度、高度和它的邊界位置與像素大小,就像一個瀏覽器的頁面標尺一樣,在設計網站時能協助我們更準確的計算元件的邊緣距離與尺寸。







Google瀏覽器擴充外掛安裝:Page Ruler頁面標尺 (Chrome)

Page Ruler 頁面標尺 擴充外掛
STEP1

前往安裝Page Ruler 頁面標尺
Page-Ruler頁面量尺1

STEP2

在要丈量的頁面,點一下工具列的「Page Ruler」圖示。
Page-Ruler頁面量尺2

STEP3

直接拖曳想要丈量的元素,會在上方顯示邊界、像素大小,可在方框中手動調整大小和位置,獲得更精準的區塊。
Page-Ruler頁面量尺3

延伸閱讀:更多Chrome外掛