当前位置: Chrome插件首页 > 开发者插件 > Page Ruler - chrome屏幕尺子插件 Chrome插件

Page Ruler - chrome屏幕尺子插件 Chrome插件

插件分类:开发者插件
直达下载

Page Ruler - chrome屏幕尺子插件 Chrome插件图文教程

前端开发人员需要经常做一些网页美工或者是网页前台开发,对于某一个元素的具体尺寸,像素的要求会比较高,即使我们普通用户在上传图片或者其他操作时也会有这样的需求,希望能够知道某个图片或者网页的具体大小尺寸的话,最好的方法有一把在线的尺子,而是一款Chrome浏览器中的Page Ruler插件就是这样一款屏幕尺子。这款插件可以很好地集成到谷歌浏览器中,在Chrome中启动PageRuler插件可以与当前网页的屏幕无缝地集成到一起,可以使得用户非常精确地测量出当前页面某个元素或者是整个页面的大小尺寸。
Pagerulericon

Page Ruler屏幕尺子插件概述

Page Ruler是一款可以测量Chrome浏览器中网页元素大小尺寸的谷歌浏览器插件。页面尺寸测量工具,前端设计师专用。可以测量页面元素、图片和文本的尺寸、位置。Page Ruler是一款可以快速测量出当前页面中某个元素大小尺寸的Chrome插件,在Chrome中安装了Page Ruler插件以后,可以点击浏览器右上角的Page Ruler插件在任何页面中启动它来测量相关的元素大小。
pageruler

Page Ruler屏幕尺子插件功能

 
PageRuler屏幕尺子插件是
一款非常轻量级的屏幕尺子插件,还可以为Chrome浏览器量身定做测量需求,使得用户的测量结果变得更加准确。简单直接点说
PageRuler屏幕尺子插件就是绘制一个标尺,得到像素的尺寸和定位,并测量在任何网页上的元素。页尺让你的画出一把尺子到任何页面,并显示它的宽度、高度和位置。

其功能特色有:
*画一把尺子到任何页面,并查看宽度,高度和顶部,底部,左,右位置
*拖动标尺的边缘来调整它的大小
*使用箭头键移动和调整标尺的大小
*显示从标尺边缘延伸的指南
*手动更新标尺的大小和位置,从工具栏上进行精确的更改
*启用“元素模式”来在页面上的元素,当你移动你的鼠标在他们
*通过任何被测元素的父母,孩子和兄弟姐妹

Page Ruler屏幕尺子插件安装和使用方法

PageRuler屏幕尺子插件可以在本站的下方找到下载地址。其安装方法同其他chrome插件的安装方法,具体可以参照:谷歌chrome浏览器怎么离线安装CRX格式插件

PageRuler的功能简单,使用起来也非常简单,网上都找不到详细的介绍,说明大家不需要介绍就能直接使用了。其使用方法步骤无外乎下面几种:
1.打开一个待测网页,选择到将要测量的元素(或者是整个网页)。
2.点击Chrome右上角的Page Ruler插件来启动屏幕尺子的功能。
3.拖动鼠标画出一个矩形来选中网页中的待测元素(其中选中的部分会以阴影部分表现出来)。
4.通过屏幕上面的Page Ruler插件工具条来查看当前选中的矩形大小的尺寸信息。
5.如果信息不符合要求,也可以选择屏幕上面的间距输入框来手动微调选中元素的位置。

pageruler的使用方法

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

Page Ruler屏幕尺子插件注意事项

使用本地网页上,您将需要启用“允许访问文件的网址”选项在您的扩展标签支持

Page Ruler - chrome屏幕尺子插件 Chrome插件图片

  • Page Ruler - chrome屏幕尺子插件插件图片
  • Page Ruler - chrome屏幕尺子插件插件图片
  • Page Ruler - chrome屏幕尺子插件插件图片

Page Ruler - chrome屏幕尺子插件基本信息

插件名称:Page Ruler - chrome屏幕尺子插件 插件作者: 插件语言:支持多种语言 官方站点:暂无官方站点 插件唯一标识:jlpkojjdgbllmedoapgfodplfhcbnbpn

Page Ruler - chrome屏幕尺子插件用户数和评分

下载次数:365785 用户评分:4.29365 (共5分) 参与评分人数:882

Page Ruler - chrome屏幕尺子插件文件信息

当前版本:2.0.9 最后更新日期:2020-07-08 文件大小:172KB

Page Ruler - chrome屏幕尺子插件下载地址

Page Ruler - chrome屏幕尺子插件相关插件

AngularJS Batarang

开发者插件 2020-12-23 23:10:12

angularjs batarang是一款针对谷歌浏览器用户打造的一款增强插件,该插件主要用于开发者进行脚本的编译和调试操作,可以有效地加速开发者的进程,是您调试AngularJS程序的好帮手。

AlloyDesigner - 前端重构开发辅助工具

开发者插件 2019-10-28 14:49:24

AlloyDesigner是来自Tencent AlloyTeam的前端开发工具,其只出现开发阶段的一定时期,可以在制作时期,也可以在开发测试期,旨在提高前端开发的效率,获得更加便捷的开发体验。

Vue.js devtools

开发者插件 2019-02-14 09:50:00

Vue.js devtools是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展。做前端开发的IT工程师应该比较熟悉这款工具,可以边侧边栏窗格中的页面,边检查代码。有关Vue.js的更多

Page Ruler - chrome屏幕尺子插件

开发者插件 2022-05-03 11:24:31

Page Ruler是一款可以测量Chrome浏览器中网页元素大小尺寸的谷歌浏览器插件。页面尺寸测量工具,前端设计师专用。可以测量页面元素、图片和文本的尺寸、位置。Page Ruler是一款可以快速

WEB前端助手(FeHelper)

开发者插件 2019-01-25 22:37:24

WEB前端助手:FeHelper是一款chrome浏览器插件。包含一些前端实用的工具,如字符串编解码、代码美化、JSON格式化查看、二维码生成器、编码规范检测、栅格规范检测、网页性能检测、页面取

AngularJS Batarang v0.10.9

开发者插件 2020-12-23 22:54:19

angularjs batarang是一款针对谷歌浏览器用户打造的一款增强插件,该插件主要用于开发者进行脚本的编译和调试操作,可以有效地加速开发者的进程,是您调试AngularJS程序的好帮手

推荐十二款Web开发必备的Chrome插件

聚合专题 2021-02-20 12:57:43

之前已经分享过一些帮助 Web 开发人员和设计师的 Chrome 扩展,这次我们继续展示一组很有用的 Chrome 应用程序。这些免费的 Chrome 应用程序可以简化您的工作流程,为了加快您的工作流

Page Ruler - chrome屏幕尺子插件同类插件推荐

douban-movies-plugin Chrome插件

开发者插件 2018-03-18 11:58:41

### 简介
在豆瓣电影介绍页面自动添加一个下载按钮,点击可以直接传送到该电影的可下载资源的地址,当然了,前提是要找得到资源才行。我写了一个爬虫事先爬取了电影下载网站中有资源,离线为一个哈希表供插件搜索。

### 用途
用户在浏览豆瓣电影的同时可以随时了解该电影是否有可供下载的资源,非常方便

NetBeans Connector Chrome插件

开发者插件 2019-05-19 03:19:17

在NetBeans Connector提供获奖的NetBeans IDE和谷歌Chrome浏览器。
的NetBeans IDE提供了一套完整的JavaScript和HTML5的开发工具,包括代码编辑,调试,现场造型,开发与iOS和Android的奖项之间的深

HTML5存储管理器 Chrome插件

开发者插件 2019-09-01 19:51:01

简介:提供HTML5存储管理插件,Web开发必备工具!
功能说明:1. 对Session Storage, Local Storage, Cookie 进行增删改查,且操作非常直观方便;
2. 实时监控当前页面Session Storage和Local Storage数据的变化;
3. 自动识别存储的JSON格式的数据,并且能够通过D

Postman Interceptor Chrome插件

开发者插件 2022-05-03 11:25:40

送你发送请求通过邮差应用程序,它使用浏览器Cookie通过邮差镀铬的应用程序。
邮差拦截器发射帮助请求。
它也可以发送标题这是由镀铬通常的限制,但是对于测试API的关键。

爬爬 Chrome插件

开发者插件 2018-02-20 19:02:39

一个好用到爆的数据爬虫工具,支持微信公众平台、今日头条、豆瓣电影、大众点评、淘宝众筹等。

★ 在网页上显示微信文章的阅读点赞评论打赏数据
★ 微信文章分钟监测及文章回采
★ 查看收藏夹数据,分层级显示
★ 内置通用的URL打开器,可辅助自动爬数
★ 自动关闭已爬页面
★ 插件开源,无限扩展


更新记录:
<

Ruler Measurement Chrome插件

开发者插件 2019-11-14 17:36:20

Chrome 强大的测量插件。没有更多的垃圾和派对解决方案了。用网格线条测量页面上的高度和宽度。完全可拖动和可调整大小。功能:-按 ctrl 鼠标单击可允许多个标尺。
-按 ctrl q 从页面中删除所有规则器。
-按向左/向右箭头旋转。
-按 ctrl i 可切换偏移信息。
-按 rpg q 切换运行状态。
-通过选项页面自定义扩展

为打击盗链困扰,本站已启用公众号人机验证
微信扫码关注公众号,发送"插件"二字获得验证码,验证码5分钟有效。

Chrome插件离线安装方法