• 本站提供安全、绿色的Chrome浏览器下载,欢迎访问!
  • 如果您有任何意见或者建议,欢迎给我们留言。

Page Ruler:可测量Chrome浏览器中网页元素大小

Chrome扩展插件 llq_st002 719次浏览 0个评论

开发背景

网页美工制作有时候需要对网页中的某一元素进行测量。使用普通尺子去测量则会产生误差,无法测量准确。最佳的解决方法是通过Chrome浏览器插件Page Ruler来解决问题。不管是网页元素,还是整个页面都能够精确的测量出大小。

QQ截图20161010133224

简介

屏幕尺子插件:Page Ruler是一款可以快速测量出当前页面中某个元素大小尺寸的Chrome插件,在Chrome中安装了Page Ruler插件以后,可以点击浏览器右上角的Page Ruler插件在任何页面中启动它来测量相关的元素大小。

使用方法

在启动Page Ruler插件以后,用户会看到当前的网页屏幕中会出现几个细线,其中阴影部分就是被Page Ruler插件选中的测量部分,在Page Ruler插件的右上角或显示该插件的测量的详细结果,用户也可以通过拖动这些细线来调整待测区域的大小,或者是拖动阴影区域来选择不同的测量元素。安装方法请参考:怎么在谷歌浏览器中安装.crx扩展名的离线Chrome插件?

QQ截图20161010133301

虽然看起来Page Ruler插件的使用方式挺复杂,其实最主要的操作还是非常简单的,具体的步骤可以有如下几个方面:

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

2.点击Chrome右上角的Page Ruler插件来启动屏幕尺子的功能。

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

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

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

QQ截图20161010133313

用户在选择Page Ruler插件进行测量元素的时候,选中的元素会以一个阴影的形式存在于当前的网页中,其默认的颜色是淡蓝色,但是如果当前网页的颜色正好是淡蓝色的话,那就很容易使用户分不清到底选中来当前页面中的哪些区域,这时候就可以点击Page Ruler插件上方工具栏的颜色按钮来选择一个更加鲜明的颜色当作选中区域颜色的背景。

QQ截图20161010133326

 

注意事项

如果用户对于当前Page Ruler插件的工具箱处于当前网页的上方感到不习惯的话,还可以通过Page Ruler插件的状态按钮来调整当前工具栏的位置,用户只需要点击工具栏最右边的工具栏状态按钮的滑块来使它变成OFF状态,就可以把Page Ruler插件的工具栏移动到谷歌浏览器的状态栏的位置中,这样也许会更加符合一些用户的使用习惯。

下载地址

文件下载

  文件名称:Page Ruler  文件大小:57.05KB
  下载声明:本站文件来自于网络,供学习和研究使用,不得用于商业用途,如有版权问题,请联系博猪!
  下载地址:
点击下载1 点击下载2

浏览器大全官方版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明Page Ruler:可测量Chrome浏览器中网页元素大小
喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址