使用标尺、参考线、自定义网格、捕捉、元素检查和精确的 PNG 裁剪来测量任何网页。
我构建 GridMaster 是为了那些页面看起来有点不对劲，而你需要一个真正的答案而不是另一个猜测的时刻。它将实用的布局工具直接放在页面上，因此您可以检查间距、对齐方式和尺寸，而无需在应用程序之间跳转。
从顶部或侧面标尺拖动参考线，将其放置在精确位置，然后调整其颜色或厚度。打开方形网格或使用您自己的间距和间距构建列布局。当您需要的不仅仅是像素时，请将标尺和测量值切换为英寸、厘米、毫米或磅。
它还可以处理通常会减慢工作速度的部分：将参考线捕捉到真实页面边缘，检查元素的确切大小和位置，以及将一个特定区域捕获为 PNG。
你可以做什么：
* 从标尺上拖动水平和垂直参考线
* 输入精确的参考线位置并调整线条粗细
* 锁定、复制、重新着色或删除单个参考线
* 在 px、in、cm、mm 和 pt 之间切换
* 使用方形网格或自定义柱形网格
* 将参考线和测量值捕捉到页面元素
* 检查元件尺寸和位置
* 绘制测量区域并复制其尺寸
* 下载或复制选定区域为 PNG
* 隐藏工具栏或标尺，同时保留参考线
* 撤消更改并使用键盘快捷键执行常见操作
我用它来快速检查布局，但它对于设计师、前端开发人员、QA 测试人员、营销人员以及任何需要可靠测量或从网页中进行干净裁剪的人来说也同样有用。
隐私很简单：您的设置保留在 Chrome 中，GridMaster 不会将您的页面数据、屏幕截图或浏览历史记录发送到外部服务。
每当您需要这些工具时，请单击 GridMaster 图标。完成后再次单击它。