Dimensions

一句话介绍

Dimensions是一款用于测量网页屏幕尺寸的浏览器扩展，可从鼠标位置向上下左右探测边界，快速查看元素之间的像素距离和连续区域大小。

工具简介

Dimensions由Felix Niklas开发，主要面向网页设计师、前端开发者和质量测试人员。它是轻量级测量工具，不生成内容、没有大语言模型，也不属于AI产品。

数据库原记录使用的dimensions.ink域名已经改为与产品无关的博彩内容，不能再作为官方入口。当前可靠入口是浏览器官方商店和mrflix维护的开源仓库。

核心功能概览

主要功能

测量网页元素间距

扩展会从鼠标位置向四个方向寻找颜色或元素边界，并显示距离。它适合检查图片、输入框、按钮、视频、GIF、文字和图标之间的留白。

测量连续区域

按住Alt可以测量连续区域，适合估算圆形半径或单色块尺寸。渐变、阴影和纹理会产生大量像素变化，可能导致边界提前停止。

设计稿测量

用户可把PNG或JPEG设计稿直接拖入Chrome，再启动Dimensions测量。浏览器缩放必须保持100%，否则屏幕像素与设计稿原始像素可能不一致。

快捷键

默认可通过Alt加D启停扩展，测量区域时使用Alt辅助键。若快捷键与操作系统或其他扩展冲突，可在浏览器扩展快捷键页面重新设置。

自动颜色适配

扩展会根据背景调整测量标记颜色，提高深色和浅色页面上的可读性。复杂背景仍可能让数值难以辨认，可临时隐藏干扰元素。

安装教程

1. 打开Chrome官方扩展商店并搜索完整名称Dimensions。
2. 确认开发者信息、版本号3.0.1和屏幕测量功能描述。
3. 检查隐私披露与所需权限，再点击添加到浏览器。
4. 把扩展固定到工具栏，便于没有快捷键时启动。
5. 打开一个测试网页，按Alt加D确认测量覆盖层出现。
6. 完成测量后再次按快捷键关闭，避免影响正常浏览。

网页尺寸测量教程

1. 把浏览器页面缩放设置为100%，并确定是否启用设备模拟。
2. 启动Dimensions，把鼠标放在要测量的空隙或元素边缘。
3. 读取指针上下左右显示的像素距离。
4. 移动到另一位置重复测量，排除阴影或文字造成的误判。
5. 需要区域尺寸时按住Alt，让工具识别连续边界。
6. 把结果与开发者工具的盒模型、CSS值和设备像素比核对。
7. 记录视口宽度和缩放条件，避免把不同环境的数据混用。

设计稿核对流程

1. 取得未被聊天软件压缩的原始PNG或JPEG设计稿。
2. 在浏览器中新标签打开图片，并保持100%缩放。
3. 启动Dimensions，测量边距、组件间距和连续色块。
4. 对纹理、渐变或阴影区域改用人工边界或开发工具。
5. 把测量值与设计文件标注及网页实际CSS对比。
6. 发现差异时同时检查设备像素比、图片缩放和响应式断点。

适合哪些用户

• 网页设计师：快速检查视觉稿中的边距和组件尺寸。
• 前端开发者：核对实现页面与设计稿的像素差异。
• UI测试人员：复查按钮、表单、图标与文字之间的间距。
• 产品经理：在评审页面时记录明显布局问题。
• 学生和初学者：直观看到网页元素之间的尺寸关系。
• 开源开发者：基于MIT代码研究或改进测量逻辑。

典型使用场景

• 测量导航栏图标与文字之间的水平间距。
• 检查卡片内部标题、图片和按钮的垂直留白。
• 估算输入框、按钮或视频在屏幕上的显示尺寸。
• 比较桌面和响应式视口中的边距变化。
• 打开静态Mockup并提取开发所需的像素参考。
• 识别连续色块或圆形区域的大致边界。
• 在视觉回归测试中快速定位布局偏移。

产品优势

• 无需注册账号，安装后即可使用。
• 操作简单，鼠标移动即可得到四向距离。
• 支持图片、按钮、输入框、视频、文字和图标等常见内容。
• 能在浏览器中直接测量PNG和JPEG设计稿。
• 安装包体积小，不需要云端服务或订阅。
• Chrome商店隐私披露声明不收集或使用用户数据。
• 源代码公开，采用宽松的MIT许可证。
• 3.0系列已迁移Manifest V3，兼容现代Chrome。

使用限制与注意事项

• Dimensions不是AI工具，只提供基于像素边界的屏幕测量。
• 原dimensions.ink域名已变为无关博彩网站，不应访问或用于下载。
• 图片和复杂背景会因像素频繁变化而影响边界识别。
• 渐变、阴影、抗锯齿和透明度可能造成数值偏差。
• 浏览器缩放不是100%时，测量值可能不等于设计原始尺寸。
• CSS像素、设备像素和截图像素不是所有环境下都一一对应。
• 它不能替代开发者工具盒模型、响应式检查和无障碍测试。
• Manifest V3版本要求Chrome 88或更高，旧浏览器不再受支持。
• 扩展只提供英文界面，没有核实到官方中文本地化。
• 安装扩展始终会增加浏览器攻击面，应只从官方商店获取。

价格与版本

截至2026年8月22日，Dimensions在Chrome官方商店免费安装，没有订阅、试用期或付费套餐。项目源代码也可按MIT许可证免费使用。

浏览器与版本支持

隐私与安全

Chrome商店显示开发者声明不收集或使用用户数据，也不出售数据、不将数据用于无关用途或信贷判断。扩展的核心测量逻辑在当前页面中运行。

• 只从Chrome官方商店安装，不使用原失效域名下载文件。
• 安装前检查版本、开发者、权限和更新日期。
• 企业设备应通过扩展白名单和策略集中控制。
• 测量内部系统时，仍需评估扩展访问页面内容的权限。
• 定期查看商店隐私披露和版本更新说明。
• 不再使用时从浏览器移除，而不是只隐藏图标。

官网域名失效风险

数据库原官网dimensions.ink当前展示与浏览器扩展无关的博彩内容，产品名称和页面用途均已改变。该域名不能再证明扩展的功能、价格、隐私或开发者身份。

用户应通过Chrome官方商店确认安装，通过mrflix的开源仓库查看代码和版本。不要在失效域名输入账户、支付信息或下载未知文件。

API、SDK与开源情况

Dimensions是开源浏览器扩展，不提供云端API、开发者密钥或独立SDK。开发者可以直接阅读和修改扩展源代码，二次分发时遵守MIT许可证。

基本信息

推荐指数

推荐指数为3.8分，满分5分。Dimensions体积小、操作直接，适合网页设计和前端开发中的快速像素参考，开源与无数据收集声明也较透明。

扣分主要因为它不是AI工具、测量算法容易受复杂图片影响，且原官网域名已经失效。专业交付仍需配合浏览器开发者工具和设计源文件。

常见问题

Dimensions是AI工具吗？

不是。它通过浏览器页面的像素和边界进行屏幕测量，没有生成式AI、语言模型或机器学习功能。

Dimensions免费吗？

免费，Chrome商店没有订阅或内购。源代码也采用MIT许可证公开。

需要注册吗？

不需要。安装扩展后可直接在网页中启动测量。

怎样启动测量？

默认使用Alt加D启动或关闭。测量连续区域时可按住Alt，快捷键冲突时可在Chrome中修改。

为什么图片测量不准确？

图片、渐变和抗锯齿会让颜色逐像素变化，算法可能把这些变化识别为边界。此时应结合开发者工具或设计文件。

支持中文吗？

商店当前只列出英语。功能主要通过数值和快捷键操作，中文页面本身仍可测量。

会收集网页数据吗？

Chrome商店的当前隐私披露称开发者不收集或使用用户数据。用户仍应查看安装时的实际权限。

原官网还能使用吗？

不能作为产品入口。原dimensions.ink已经显示无关博彩内容，安装应使用Chrome官方商店。

提供API或SDK吗？

不提供。它是浏览器扩展，开发者可直接使用MIT开源代码进行研究或改造。

Dimensions开源吗？

开源，官方仓库采用MIT许可证。开源仓库与同名科研数据库、Inkscape插件没有关系。

总结

Dimensions是一款专注网页像素距离的轻量浏览器扩展，适合快速检查页面间距和静态设计稿，但不能替代完整的开发与设计测量工具。

最重要的当前变化是原官网域名已经失效。用户应从官方商店安装，并通过开源仓库核对版本、代码和许可证。