Page Ruler(网页标尺工具)

Page Ruler插件是提供网页测量功能的浏览器插件,通过Page Ruler插件,你可以自定义测量页面上的素材尺寸,无需下载图片即可在线查看尺寸.欢迎感兴趣的用户来IT猫扑下载应用!

chrome尺子插件说明

chrome尺子插件是一款专业的用来测量Chrome浏览器中网页元素大小尺寸的谷歌浏览器插件,可以测量页面元素、图片和文本的尺寸、位置.

页面尺寸测量工具,前端设计师专用.可以测量页面元素、图片和文本的尺寸、位在Chrome中安装了chrome尺子插件以后,可以点击浏览器右上角的chrome尺子插件在任何页面中启动它来测量相关的元素大小.

网页测量工具功能

画一把尺子到任何页面,并查看宽度,高度和顶部,底部,左,右位置

拖动标尺的边缘来调整它的大小

显示从标尺边缘延伸的指南

使用箭头键移动和调整标尺的大小

拖动鼠标画出一个矩形来选中网页中的待测元素(其中选中的部分会以阴影部分表现出来).

点击Chrome右上角的chrome尺子插件来启动屏幕尺子的功能.

通过屏幕上面的chrome尺子插件工具条来查看当前选中的矩形大小的尺寸信息.

手动更新标尺的大小和位置,从工具栏上进行精确的更改

打开一个待测网页,选择到将要测量的元素(或者是整个网页).

如果信息不符合要求,也可以选择屏幕上面的间距输入框来手动微调选中元素的位置.

谷歌浏览器安装插件

1、下载安装插件包,解压后打开

2、下载Header Editor的crx文件后,打开Chrome的扩展页面(chrome:// extensions /或按Chrome菜单图标>更多工具>扩展程序查找),然后拖放 crx文件到扩展页面安装它;

3、点击"添加拓展程序"完成安装.

如遇到安装插件时显示【无效的程序包】,请按以下方法重新安装

1、找到Chrome安装程序路径,找到对应的插件

2、把crx后缀名改为rar,解压缩得到文件夹(有错误提示不用理会),选择全部替换即可

3、打开该文件夹,把里面的"_metadata"文件夹改名为"metadata"(去掉下杠)

4、进入扩展程序中心,启用开发者模式,加载正在开发的程序包,选择刚才的文件夹就行了,搞定!