Page Ruler插件 网页元素测量标尺

newboy
newboy

目录

Page Ruler 是一款简单效率的网页元素测量标尺 Chrome 拓展插件,它可以帮助用户直接测量网页中各种元素的具体尺寸,它就好像浏览器中内置的一个精准标尺。

Page Ruler 开发背景

对于前端开发人员或是一些网页美工来说,时常需要测量当前网页中某一个元素的大小尺寸。当然这种情况我们无法使用现实中的刻度尺直接测量,最好的方法是使用一些网页元素测量标尺工具,Page Ruler 正是这个类型插件的不二选择,它将精准的标尺集成到谷歌浏览器中,能够无缝精准地测量网页中各种元素或是整个页面的具体尺寸。有效提高专业人员的工作效率。

Page Ruler 功能介绍

一、网页元素测量

Page Ruler 能够快速测量网页中某一元素具体大小。启动插件后,屏幕中会出现四根细线。用户可以用其来调整选中所需要测量的区域,Page Ruler 便可为你显示详细的测量结果,并查看宽度,高度和顶部,底部,左,右位置。用户也可以通过拖动这些细线来调整待测区域的大小,或者是拖动阴影区域来选择不同的测量元素。

如果信息不符合要求,也可以选择屏幕上面的间距输入框来手动微调选中元素的位置。

网页标尺网页元素测量Page Ruler

newboy

Hey hi and hello