page ruler安裝，Page Ruler是一款網(wǎng)頁(yè)測(cè)量工具，是也專為chrome瀏覽器推出的插件，可以測(cè)量Chrome瀏覽器中網(wǎng)頁(yè)元素大小尺寸的谷歌瀏覽器插件。頁(yè)面尺寸測(cè)量工具，前端設(shè)計(jì)師專用。

Page Ruler介紹

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

Page Ruler功能

PageRuler屏幕尺子插件是一款非常輕量級(jí)的屏幕尺子插件，還可以為Chrome瀏覽器量身定做測(cè)量需求，使得用戶的測(cè)量結(jié)果變得更加準(zhǔn)確。簡(jiǎn)單直接點(diǎn)說PageRuler屏幕尺子插件就是繪制一個(gè)標(biāo)尺，得到像素的尺寸和定位，并測(cè)量在任何網(wǎng)頁(yè)上的元素。頁(yè)尺讓你的畫出一把尺子到任何頁(yè)面，并顯示它的寬度、高度和位置。

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

Page Ruler使用方法

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

2.點(diǎn)擊Chrome右上角的Page Ruler插件來啟動(dòng)屏幕尺子的功能。

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

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

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

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

Page Ruler注意事項(xiàng)

使用本地網(wǎng)頁(yè)上，您將需要啟用“允許訪問文件的網(wǎng)址”選項(xiàng)在您的擴(kuò)展標(biāo)簽支持