Page Ruler页面测量尺子(V2.1.3)

发布时间: 编辑:CINDY 0人评论 40875次浏览 Chrome开发者工具插件
直达下载
摘要 : Page Ruler页面测量尺子(V2.1.3)是一个可以让你在任何页面都可以随意画出一个可以测量任何元素尺寸和位置的小插件。是Page Ruler插件的最新版本。

Page Ruler(V2.1.3) Chrome插件开发背景

Page Ruler页面测量尺子(V2.1.3)的背景我们就不多做介绍了,其实跟Page Ruler插件是一样的。不仅仅可以测量元素的宽度和高度,同时可以测出元素所相对于页面的绝对位置,对于前端狗们来说,这应该算是个比较不错和好用的测量用插件了。

Page Rulerlogo图片

页面标尺可让您将标尺绘制到任何页面并显示其宽度,高度和位置。
特征
-------------
*绘制标尺到任何页面,并查看宽度,高度以及顶部,底部,左侧和右侧的位置
*拖动标尺的边缘来调整它的大小
*使用箭头键移动和调整标尺尺寸
*显示从标尺边缘延伸的指南
*从工具栏手动更新标尺的大小和位置以进行精确更改
*将鼠标移动到页面上时,启用“元素模式”以勾勒页面上的元素
*浏览任何测量元素的父母,孩子和兄弟元素

Page Ruler(V2.1.3) Chrome插件使用方法

个人觉得Page Ruler页面测量尺子(V2.1.3)的使用方法也不用多做介绍了,了解Page Ruler插件的朋友自然是熟悉的。

1.拖动鼠标画出一个矩形来选中网页中的待测元素(其中选中的部分会以阴影部分表现出来)。
Page Ruler图片
2.通过屏幕上面的Page Ruler插件工具条来查看当前选中的矩形大小的尺寸信息。
Page Ruler图片
3.如果信息不符合要求,也可以选择屏幕上面的间距输入框来手动微调选中元素的位置。
Page Ruler图片
4.在启动Page Ruler插件以后,用户会看到当前的网页屏幕中会出现几个细线,其中阴影部分就是被Page Ruler插件选中的测量部分,在Page Ruler插件的右上角或显示该插件的测量的详细结果,用户也可以通过拖动这些细线来调整待测区域的大小,或者是拖动阴影区域来选择不同的测量元素。

Page Ruler图片

查看更多

Page Ruler页面测量尺子(V2.1.3)下载地址

点击下载Page Ruler页面测量尺子(V2.1.3)

转载必须注明来自:https://huajiakeji.com/web-development/2018-05/963.html

评论:(0)

已有 0 位网友发表了一针见血的评论,你还等什么?