chrome像素尺子插件Page Ruler

Page Ruler插件是一款可以在你的chrome上增加一個尺子功能的插件，你可以通過這款插件測量網(wǎng)頁任意元素的尺寸。在Chrome中啟動PageRuler插件可以與當(dāng)前網(wǎng)頁的屏幕無縫地集成到一起，可以使得用戶非常精確地測量出當(dāng)前頁面某個元素或者是整個頁面的大小尺寸。

插件介紹：

Page Ruler是一款可以測量Chrome瀏覽器中網(wǎng)頁元素大小尺寸的谷歌瀏覽器插件。頁面尺寸測量工具，前端設(shè)計師專用。可以測量頁面元素、圖片和文本的尺寸、位置。Page Ruler是一款可以快速測量出當(dāng)前頁面中某個元素大小尺寸的Chrome插件，在Chrome中安裝了Page Ruler插件以后，可以點擊瀏覽器右上角的Page Ruler插件在任何頁面中啟動它來測量相關(guān)的元素大小。

功能介紹：

*畫一把尺子到任何頁面，并查看寬度，高度和頂部，底部，左，右位置
*拖動標(biāo)尺的邊緣來調(diào)整它的大小
*使用箭頭鍵移動和調(diào)整標(biāo)尺的大小
*顯示從標(biāo)尺邊緣延伸的指南
*手動更新標(biāo)尺的大小和位置，從工具欄上進(jìn)行精確的更改
*啟用“元素模式”來在頁面上的元素，當(dāng)你移動你的鼠標(biāo)在他們
*通過任何被測元素的父母，孩子和兄弟姐妹

使用方法：

1.打開一個待測網(wǎng)頁，選擇到將要測量的元素（或者是整個網(wǎng)頁）。

2.點擊Chrome右上角的Page Ruler插件來啟動屏幕尺子的功能。2018-08-20

3.拖動鼠標(biāo)畫出一個矩形來選中網(wǎng)頁中的待測元素（其中選中的部分會以陰影部分表現(xiàn)出來）。

4.通過屏幕上面的Page Ruler插件工具條來查看當(dāng)前選中的矩形大小的尺寸信息。

5.如果信息不符合要求，也可以選擇屏幕上面的間距輸入框來手動微調(diào)選中元素的位置。

用戶在選擇Page Ruler插件進(jìn)行測量元素的時候，選中的元素會以一個陰影的形式存在于當(dāng)前的網(wǎng)頁中，其默認(rèn)的顏色是淡藍(lán)色，但是如果當(dāng)前網(wǎng)頁的顏色正好是淡藍(lán)色的話，那就很容易使用戶分不清到底選中來當(dāng)前頁面中的哪些區(qū)域，這時候就可以點擊Page Ruler插件上方工具欄的顏色按鈕來選擇一個更加鮮明的顏色當(dāng)作選中區(qū)域顏色的背景。