Page Ruler屏幕尺子插件官方版是一款用戶(hù)界面直觀清新，非常便捷易用的軟件。適用范圍廣，功能強(qiáng)大。是也專(zhuān)為chrome瀏覽器推出的插件，可以測(cè)量Chrome瀏覽器中網(wǎng)頁(yè)元素大小尺寸的谷歌瀏覽器插件。頁(yè)面尺寸測(cè)量工具，前端設(shè)計(jì)師專(zhuān)用。

　　功能介紹：

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

　　其功能特色有：

　　1、畫(huà)一把尺子到任何頁(yè)面，并查看寬度，高度和頂部，底部，左，右位置

　　2、拖動(dòng)標(biāo)尺的邊緣來(lái)調(diào)整它的大小

　　3、使用箭頭鍵移動(dòng)和調(diào)整標(biāo)尺的大小

　　4、顯示從標(biāo)尺邊緣延伸的指南

　　5、手動(dòng)更新標(biāo)尺的大小和位置，從工具欄上進(jìn)行精確的更改

　　6、啟用“元素模式”來(lái)在頁(yè)面上的元素，當(dāng)你移動(dòng)你的鼠標(biāo)在他們

　　7、通過(guò)任何被測(cè)元素的父母，孩子和兄弟姐妹

使用方法

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

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

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

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

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

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