屏幕尺子插件(Page Ruler)是一款Chrome浏览器插件,它是专门为测量网页尺寸大小开发的一款插件,Page Ruler可以很好地集成到浏览器中,可以使得用户非常精确地测量出当前页面某个元素或者是整个页面的大小尺寸,非常方便好用。
插件特色:
Page Ruler是一款可以测量Chrome浏览器中网页元素大小尺寸的谷歌浏览器插件。页面尺寸测量工具,前端设计师专用。可以测量页面元素、图片和文本的尺寸、位置。Page Ruler是一款可以快速测量出当前页面中某个元素大小尺寸的Chrome插件,在Chrome中安装了Page Ruler插件以后,可以点击浏览器右上角的Page Ruler插件在任何页面中启动它来测量相关的元素大小。
功能介绍:
PageRuler屏幕尺子插件是一款非常轻量级的屏幕尺子插件,还可以为Chrome浏览器量身定做测量需求,使得用户的测量结果变得更加准确。简单直接点说PageRuler屏幕尺子插件就是绘制一个标尺,得到像素的尺寸和定位,并测量在任何网页上的元素。页尺让你的画出一把尺子到任何页面,并显示它的宽度、高度和位置。
画一把尺子到任何页面,并查看宽度,高度和顶部,底部,左,右位置
拖动标尺的边缘来调整它的大小
使用箭头键移动和调整标尺的大小
显示从标尺边缘延伸的指南
手动更新标尺的大小和位置,从工具栏上进行精确的更改
启用“元素模式”来在页面上的元素,当你移动你的鼠标在他们
通过任何被测元素的父母,孩子和兄弟姐妹
使用方法:
1.打开一个待测网页,选择到将要测量的元素(或者是整个网页)。
2.点击Chrome右上角的Page Ruler插件来启动屏幕尺子的功能。
3.拖动鼠标画出一个矩形来选中网页中的待测元素(其中选中的部分会以阴影部分表现出来)。
4.通过屏幕上面的Page Ruler插件工具条来查看当前选中的矩形大小的尺寸信息。
5.如果信息不符合要求,也可以选择屏幕上面的间距输入框来手动微调选中元素的位置。