Page Ruler Redux插件,网页元素测量工具

Page Ruler Redux 插件是一款专为 Web 开发人员设计的网页元素测量工具,该插件能够帮助用户对 Chrome 浏览器中网页上的页面元素、图片、文本的尺寸、位置等进行专业测量,使用起来十分非常方便快捷。

Page Ruler Redux 插件是一款专为 Web 开发人员设计的网页元素测量工具,该插件能够帮助用户对 Chrome 浏览器中网页上的页面元素、图片、文本的尺寸、位置等进行专业测量,使用起来十分非常方便快捷。


Page Ruler Redux
开发者工具插件2021-12-214.5
A Web Developer\Designer ruler to get perfect pixel dimensions and positioning to measure elements on any web page. 💻
直达下载


Page Ruler Redux 插件开发背景


对于前端开发者而言,在进行网页调试的时候,,势必需要对网页中元素的尺寸进行查看。那相信这款Page Ruler Redux 插件一定能够帮助大家,该插件支持让用户绘制标尺,直接在 Chrome 浏览器中获取像素尺寸和位置,并对任何网页上的元素进行测量。


Page Ruler Redux 插件功能介绍


Page Ruler Redux 插件不仅简单实用,并且永久 100%免费,支持直接在 Chrome 浏览器中创建标尺对网页内的页面元素的测量值进行获取,用户可以通过鼠标或箭头键拖动来对标尺的大小进行调整。


另外,该插件从网站上获取和跟踪 HTML 元素的完美度量,可以进行网站前端开发,并切可满足 Web 设计或获得任何 Web 元素完美像素度量所需的任何任务。同时,该插件还支持对网页进行调色,在黑暗和明亮的网站上可实现完美的对比。


Page Ruler Redux 插件使用教程


Page Ruler Redux 插件使用方法


一、安装插件

 

如果有条件,可以直接在谷歌 Chrome 商店下载安装。如果无法访问 Chrome 商店,请在扩展迷下载Page Ruler Redux 插件的安装包,解压后将 crx 文件安装到你的谷歌浏览器上。

 

二、使用方法

 

Page Ruler Redux 插件安装完成以后,直接点击进入需要测量的网页,接着单击浏览器上方工具栏中的插件图标,此时指针将直接变成“ +”,且屏幕顶部将自动显示数值的栏。


Page Ruler Redux 插件使用教程

当用户直接在页面使用鼠标对指定需要测量的页面元素进行选中后,屏幕顶部的数值栏上将对该位置的宽度、高度、颜色等数值清楚地进行显示。当然,点击栏右侧的向下按钮,该数值条将自动移动到页面底部。


Page Ruler Redux 插件使用教程


此外,如果单击栏左侧的“ <>”标记,该数值栏将自动切换到测量鼠标悬停位置的模式,无需用户拖放,非常方便!


Page Ruler Redux 插件使用教程


用户也可以通过悬停后直接按住鼠标左键进行拖放对需要测量的范围进行移动。如需退出测量功能,直接点击栏的最右侧的关闭图标按钮即可。


Page Ruler Redux 插件使用教程

Page Ruler Redux
开发者工具插件2021-12-214.5
A Web Developer\Designer ruler to get perfect pixel dimensions and positioning to measure elements on any web page. 💻
直达下载
本站文章均为原创,版权归本站所有,如需转载或引用请注明出处如:“本文章转载自:

Page Ruler Redux插件,网页元素测量工具 - Extfans”

相关标签

上一篇:Convertio插件,超级文件在线格式转换器

下一篇:OneTab Plus:标签管理也是一门艺术