(实用工具分享)网页尺寸测量工具Page Ruler

时间:2024-03-13 13:06:35

(实用工具分享)网页尺寸测量工具Page Ruler

所用浏览器:chrome
有时候需要测量一些网站布局的尺寸大小,可打开控制台
(实用工具分享)网页尺寸测量工具Page Ruler
点击旁边的小鼠标
(实用工具分享)网页尺寸测量工具Page Ruler
点击之后会进入一个模式,这时候你鼠标移动到页面的任何一个区域,网页上面都会自动显示区域的信息和尺寸(长*高)
(实用工具分享)网页尺寸测量工具Page Ruler
但是这个模式也有一个局限性,就是只会显示网页布局区域的信息,有时候你要测量如下一个红色区域的宽度,是做不到的
(实用工具分享)网页尺寸测量工具Page Ruler
这时候就需要这个工具的帮助

介绍

这个工具实际上是一个扩展程序,我在chrome上面安装后就会显示在登录框旁边
(实用工具分享)网页尺寸测量工具Page Ruler
可以在任何网页上面使用,只需要在网站上面打开这个工具就可以了,打开之后会在网页顶部显示一个导航栏
(实用工具分享)网页尺寸测量工具Page Ruler
打开工具后可以直接滑动鼠标进行截图,滑动结束后的区域可以重新调整大小
(实用工具分享)网页尺寸测量工具Page Ruler
区域的尺寸信息会显示在导航栏上面

工具下载

链接:https://pan.baidu.com/s/12gJkTU5wSKwKlQJO7GQg0g
提取码:crt6

安装教程

解压rar文件到一个文件夹里面,在Chrome扩展管理器界面的右上方的开发者模式按钮上打勾,该页面就会出现"加载已解压的扩展程序"等按钮,点击"加载已解压的扩展程序"按钮,并选择刚刚解压的Chrome插件文件夹的位置即可