网页元素测量

Measure-it插件 网页测量工具

Measure-it 是一款简单专业的网页测量 Chrome 拓展程序,它可以很好的为你测量页面所有元素的宽度、高度和对齐方式,以像素为单位。 Measure-it 开发背景 对于开发者来说,在进行网页开发设计的时候,对网页元素的测量是非常基本的,相应的你也需要专业的元素测量工具。 Measure-it是一个简单的工具,它不光可快速测量网页中各个元素的尺寸(宽度、高度和对齐方式)还可以缩放网页中的任何元素,找到最合适的尺寸。 不是很多人在日常工作中需要这样的工具,但是对于那些在 web 开发领域操作的人来说,这是一个非常受欢迎的补充工具。 Measure-it 功能介绍 一、简单的测量工具 通过在任何页面上绘制标尺,用户可以检查页面元素的宽度、高度和对齐方式(以像素为单位)。只需使用键盘快捷键Alt+Shift+M 即可激活它。 启用后,整个页面会变暗一些,当用户开始跟踪元素时,尺子的形状将出现在屏幕上,让您确定所选元素的测量值。 有时,准确选择页面上的元素可能更难,你也无法修改或更改测量叠加的位置。如果你单击某处,则叠加层将消失。 二、可自定义的 UI Measure-it

newboy
newboy
网页元素测量

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

Page Ruler 是一款简单效率的网页元素测量标尺 Chrome 拓展插件,它可以帮助用户直接测量网页中各种元素的具体尺寸,它就好像浏览器中内置的一个精准标尺。 Page Ruler 开发背景 对于前端开发人员或是一些网页美工来说,时常需要测量当前网页中某一个元素的大小尺寸。当然这种情况我们无法使用现实中的刻度尺直接测量,最好的方法是使用一些网页元素测量标尺工具,Page Ruler 正是这个类型插件的不二选择,它将精准的标尺集成到谷歌浏览器中,能够无缝精准地测量网页中各种元素或是整个页面的具体尺寸。有效提高专业人员的工作效率。 Page Ruler 功能介绍 一、网页元素测量 Page Ruler 能够快速测量网页中某一元素具体大小。启动插件后,屏幕中会出现四根细线。用户可以用其来调整选中所需要测量的区域,Page Ruler 便可为你显示详细的测量结果,并查看宽度,高度和顶部,底部,左,右位置。用户也可以通过拖动这些细线来调整待测区域的大小,或者是拖动阴影区域来选择不同的测量元素。 如果信息不符合要求,也可以选择屏幕上面的间距输入框来手动微调选中元素的位置。 下载

newboy
newboy
网页标尺