dmz社区

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1607|回复: 1

[浏览器插件] Dimensions - 元素距离测量插件 v2.0.5

[复制链接]

1959

主题

2030

帖子

8356

积分

荣誉会员

积分
8356

发表于 2023-6-22 02:00:05 | 显示全部楼层 |阅读模式

本站资源全部免费,回复即可查看下载地址!

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
插件背景:
现实生活中我们测量尺寸的工具当然就是尺子,在网页上我们尤其是网页设计师经常需要测量页面中的元素尺寸,我们应该怎么办呢?
这时可以使用一些网页测量的工具就像一个网页尺子,Dimensions是一款元素尺寸测量的Chrome插件,可以对页面中元素之间上下左右的方位尺寸即高度和宽度进行测量。
Page Ruler不仅仅可以测量元素的宽度和高度,同时可以测出元素所相对于页面的绝对位置。

插件功能:
Dimensions是一款能帮助使用者对网页上各种元素属性之间的距离进行测量的Chrome页面元素测量插件。
该插件在点击启动插件图标后,可以对页面中图像、输入字段、按钮以及视频等页面元素之间上下左右的方位尺寸进行测量。
同时你还可以通过使用快捷键来快速启用或关闭该插件的功能,非常简单实用。
image.png

Dimensions主要有以下特性:
1、图像和HTML元素
测量以下元素:图像、输入字段、按钮、视频、GIF、文本、图标。您可以测量在浏览器中看到的所有内容。
2、模型
您的设计师将模型作为PNG或JPEG传递给您?只需将它们放入Chrome,激活尺寸并开始测量即可。
3、键盘快捷方式
为获得最佳体验,请在扩展程序列表末尾的设置中设置键盘快捷键,您可以使用ALT + D快捷键快速启动和禁用Dimensions。
4、区域边界
想得到一个圆的半径?文字挡在你的路上吗?按Alt键测量连接区域的尺寸。试试看!
5、开源
Dimensions是开源的,托管在Github上。想将它移植到Firefox?来吧,欢迎拉请求!


下载地址:

游客,如果您要查看本帖隐藏内容请回复
回复

使用道具 举报

6

主题

7691

帖子

2万

积分

超凡入圣

Rank: 10Rank: 10Rank: 10

积分
23676

发表于 2023-6-22 09:42:11 | 显示全部楼层
啥也不说了,感谢楼主分享哇!
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|小黑屋|dmz社区

GMT+8, 2026-7-29 20:58 , Processed in 0.041872 second(s), 10 queries , Redis On.

Powered by Discuz! X3.4 Licensed

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表