Smart Page Ruler插件，在线网页实用智能页面标尺
Smart Page Ruler 插件是一款适用于 Chrome 浏览器的开发者工具，该插件能够帮助用户在线更加精确地测量网页的每个元素。除了可以获取相应元素的相对和绝对位置，并可以快速获得用户所需的边距、填充、宽度和高度。
Smart Page Ruler 插件是一款适用于 Chrome 浏览器的开发者工具，该插件能够帮助用户在线更加精确地测量网页的每个元素。除了可以获取相应元素的相对和绝对位置，并可以快速获得用户所需的边距、填充、宽度和高度。
Smart Page Ruler 插件开发背景
作为开发人员而言，开发过程中难免需要对网页中的每个元素进行精确地测量。正因为如此，一款好的测量工具基本可以使开发工作更加有效率。这款Smart Page Ruler 插件可以快速在 Chrome 浏览器任意页面添加尺子，用户随意点击，可获取相应元素的的宽度、高度和位置。
Smart Page Ruler 插件功能介绍
作为一款简单实用的在线网页智能页面标尺，Smart Page Ruler 插件拥有惊人的用户体验和设计，支持在 Chrome 浏览器中以最高级别的准确性精确地测量网页的任何元素的相对和绝对位置，并且支持计算用户所需的高度、宽度、边距和填充，与 Zeplin 层检查工具类似且功能强大，十分易于使用。
Smart Page Ruler 插件使用方法
一、安装插件
如果有条件，可以直接在谷歌 Chrome 商店下载安装。如果无法访问 Chrome 商店，请在扩展迷下载 Smart Page Ruler 插件的安装包，解压后将 crx 文件安装到你的谷歌浏览器上。
二、使用方法
Smart Page Ruler 插件使用起来非常简单，安装完成以后，直接在 Chrome 浏览器任意需要测量的网页中点击浏览器上方工具栏中的插件图标，将快速开启测量功能。用户直接使用鼠标在当前页面内点击相应的元素，将自动以橙色线条进行标注，该元素的边距、填充、宽度和高度也将显示出来。
用户还可通过拖动标尺边缘、改变靶心位置、或在工具栏手动更新标尺大小和位置标尺的大小，位置可以很容易的被精确调整。不过令人遗憾的是，Smart Page Ruler 插件也存在着一个小的缺陷，那就是在页面重新加载时，并不支持保存，如果进行改进，那就会更加完美了。
Smart Page Ruler插件，在线网页实用智能页面标尺 - Extfans”
