Better Ruler
paul · Firefox
一款支持吸附页面元素的网页测量工具
截图
简介
> 一款支持吸附页面元素的网页测量工具。
- 点击插件图标即可开始测量，再次点击将退出测量。
- 移动鼠标的同时按住`Alt`键，可实时显示当前鼠标所在位置的元素的大小。
- 移动鼠标的同时按住`Alt`键，如果在吸附范围内(距离元素边界50px内，距离顶点15px内，具体数值可在底部工具栏自定义)可自动吸附。
- 按下`f`键，快速显示和隐藏底部工具栏。
- 按住`shift`键，切换显示和隐藏尺寸和关闭按钮。
如果快捷键无效，请点击页面空白处再尝试。
> A web measurement tool that snaps around web elements for easier measurement.
- Click on the plugin icon to start the measurement. Click again to exit the measurement.
- Hold down the `Alt` key while moving the mouse to display the size of the element at the current mouse position in real time.
- Hold down the `Alt` key while moving the mouse, if it is within the adsorption range (within 50px from the element boundary, within 15px from the vertex), it can be automatically adsorbed.
- Press the `f` key to quickly show and hide the bottom toolbar.
- Hold down the `shift` key to quickly show and hide the size and close button.
If the shortcut does not work, please click on the blank area on the page and try again.
Better Ruler 是做什么的
Better Ruler 是一款面向 Firefox 的开发者工具类扩展，主要用来调试页面、查看样式与请求、测试接口、辅助前端开发。官方对它的介绍是：一款支持吸附页面元素的网页测量工具在Firefox 附加组件商店（AMO）上，它当前版本 1.2.6，评分 3.67（3 人评价），约 101 名用户。
适合什么人用
从功能定位看，Better Ruler 更适合前端工程师、测试与需要经常查看页面结构的用户。如果你平时只是偶尔遇到相关需求，用浏览器自带功能也能凑合；但如果这件事每天都发生，装一个专门处理它的扩展通常比手动操作省事得多。
怎么安装 Better Ruler
- 打开Firefox 附加组件商店（AMO）上的官方页面；
- 点「添加到浏览器」并确认权限提示；
- 装好后在扩展列表里固定图标，方便随时开关。
本站只做索引与介绍，安装包来自官方商店。如果商店页面提示当前地区不可用，说明该扩展未在你所在区域上架。
常见问题
Better Ruler 是免费的吗？
Better Ruler 在Firefox 附加组件商店（AMO）免费提供下载。它是浏览器扩展，装上就能直接用，不需要注册账号。
Better Ruler 安全吗？
它只申请了 0 项权限，范围比较克制，没有申请「读取所有网站数据」这种大权限。
Better Ruler 支持哪些浏览器？
当前收录的版本来自Firefox 附加组件商店（AMO），适用于 Firefox。同一个扩展在其他商店可能有对应版本，但功能与版本号不一定相同。
怎么卸载 Better Ruler？
在扩展管理页找到 Better Ruler，点移除即可。它在本地保存的设置会一起清掉，不会残留数据。
权限清单 来自 manifest.json 原文
接口权限 3
activeTabstoragetabs