Simoneruul.Screen ruler(屏幕测量尺)
的有关信息介绍如下：
一个网站做的好看不好看，布局很重要。怎样才能精确的布局呢？不能拿个尺子在屏幕上量来量去，把得到的cm值转换成px吧。这样不但会出错，还很浪费时间。接下来给大家介绍一款浏览器插件ruul.Screen ruler(屏幕测量尺)。
安装ruul.Screen ruler(屏幕测量尺)插件。
1.1 去各自浏览器 ”扩展中心“、”应用中心“、”插件中心“ 直接安装
1.2 去其官方网站下载扩展程序，通过鼠标把对应扩展程序，拖拽到浏览器中进行安装
1.3 Chrome浏览器：工具 → 扩展程序 → 通过鼠标把对应扩展程序，拖拽到浏览器中进行安装
1.4 360浏览器、Sogou浏览器、猎豹浏览器、百度浏览器：直接双击扩展程序或者拖拽到浏览器中完成安装（默认下载扩展程序与浏览器关联）
1.5 UC浏览器：插件中心 → 我的插件 → 进入开发者模式 → 通过鼠标把对应扩展程序，拖拽到浏览器中进行安装
安装完成以后会在浏览器的右上角出现一个尺子样子的插件。
双击那个尺子样的图标，会出现它的操作界面。【clear all】是清除你设置的样式。
点击resizable.这个是个可变的尺子，会在这个页面生成一个层。这个是可变大小的。可变长宽。由于是老外的产品，对页面的布局有要求，有的打不开。会出现一串红色的提示：sorry, but you can't add rulers to chrome://pages.
用F12调试看了下，控件给网页加了一个iframe，其代码如下：
下面的几个就是固定的尺子，根据自己的喜欢选择尺子。
比如我选择一个黄色的尺子测试下百度页面。百度输入框的长度是537px。美中不足的是，边框上没有大小的调节。很让人遗憾。
固定尺子上有三个按钮。翻转符号，加号，删除符号。
翻转符号：调整尺子横放，竖放。
加号：修改字体的。
删除符号：退出固定尺。
ruul.Screen ruler(屏幕测量尺)也运行在本地文件夹访问。在相应的控件扩展区域设置即可。
