这篇经验主要是适用于做前端开发，调页面样式。可以用这款尺子，来测量出浏览器中网页元素大小尺寸，以及在浏览器中大概位置。与ps的尺子几乎是一样的，拉出一个矩形框直接测量，使用极其方便。

本文来自文库分享网www.wkfxw.com

工具/原料

360浏览器、谷歌浏览器等

方法/步骤

首先打开百度，在百度里面搜索page ruler ，按照下方的图片找到屏幕尺子Page Ruler，打开这个页面

在打开的页面中，选择普通下载，然后等待下载完成，里面是一个 Page-Ruler_v2.0.7

一般网页开发调试都是用谷歌，这里我们也以谷歌为例。打开谷歌，在网址输入框后面，打开菜单的设置

在设置里面，左边找到扩展程序，然后把下载的Page-Ruler_v2.0.7 直接拖到这个扩展程序页面，然后他会提示你是否要添加，选择添加即可

添加完成，在右上角就有一个尺子一样的图标，随便找一个页面，我们这里打开百度，（注意，在扩展程序里面是不能打开这个工具的），拖出一个矩形框，在上面可以直接看到宽度、高度、top、right等等。关闭工具在右边，有一个小叉叉，用到时候再打开就可以了

当然，我们也可以直接打开Page-Ruler_v2.0.7，如果是360浏览器，会直接提示你是否添加扩展程序，操作跟谷歌是一样的，其他浏览器这里就不列出来了