（实用工具分享）网页尺寸测量工具Page Ruler

最新推荐文章于 2021-12-22 12:10:28 发布
最新推荐文章于 2021-12-22 12:10:28 发布
阅读量2.1w 收藏 23
点赞数 2
分类专栏： 小工具 文章标签： 前端 测量工具 扩展程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42561383/article/details/88829421
版权

这个工具实际上是一个扩展程序，我在chrome上面安装后就会显示在登录框旁边。
在这里插入图片描述
可以在任何网页上面使用，只需要在网站上面打开这个工具就可以了，打开之后会在网页顶部显示一个导航栏。
在这里插入图片描述
打开工具后可以直接滑动鼠标进行截图，滑动结束后的区域可以重新调整大小。
在这里插入图片描述
区域的尺寸信息会显示在导航栏上面。

工具下载

链接：https://pan.baidu.com/s/12gJkTU5wSKwKlQJO7GQg0g
提取码：crt6

安装教程

解压rar文件到一个文件夹里面，在Chrome扩展管理器界面的右上方的开发者模式按钮上打勾，该页面就会出现"加载已解压的扩展程序"等按钮，点击"加载已解压的扩展程序"按钮，并选择刚刚解压的Chrome插件文件夹的位置即可。

瓜冬瓜
关注
  • 2
    点赞
  • 踩
  • 23
    收藏
    觉得还不错? 一键收藏
  • 8
    评论
专栏目录
Page Ruler-crx插件
04-04
语言:English 页面标尺用于测量网页上的对象。 测量其宽度和高度（以像素为单位）。 Page Ruler是流行的应用程序，用于测量网页上的元素。 在任何网站上测量其宽度和高度（以像素为单位）。 单击图标并绘制标尺以获取像素尺寸。 颜色图标表示测量仪的开启模式。 黑白图标表示关闭。 感谢您的安装，请给Page Ruler五颗星！ Page Ruler可能会将您的搜索引擎更改为最适合您的。
Page-Ruler 页面测量px值小标尺
09-19
Page-Ruler是一个可以让你在任何页面都可以随意画出一个可以测量任何元素尺寸和位置的小插件。Page-Ruler不仅仅可以测量元素的宽度和高度，同时可以测出元素所相对于页面的绝对位置，对于前端狗们来说，这应该算是个比较不错和好用的测量用插件了。
【小工具大用处】10个超实用的设计师专属Chrome小插件
设计“1+2”，摹客就够了！
09-27 267
以下内容由Mockplus团队翻译整理，仅供学习交流。 设计师日常设计过程中， 免不了需要使用Chrome搜索各类最新设计案例或文章。善用各种专为Chrome打造的扩展小插件，能显著提升Chrome的效能，帮助设计师更快获取灵感、学习技巧。 所以，为方便大家挑选，下面小编将为大家介绍10款亲测且超实用的Chrome小插件。希望能对大家有所帮助。 1.Windows Resi...
网页像素测量工具_UI设计 | 设计师必备的10个Chrome插件扩展工具
weixin_39897267的博客
11-30 2901
"作为设计师，我们几乎每天都在寻找新的灵感，素材，技巧和工具来帮助我们加快和改进工作效率。经过筛选，我们为您准备了10个设计师必备的Chrome插件扩展工具。" 1 Window Resizer如果你是一名设计师 - 当你读到这篇文章时，你最有可能盯着27英寸的iMac。然而，我们的大多数用户都没有用像您眼前一样大的显示器。所以您需要使用Window Resizer。在不同尺寸的浏览器上查看您的网...
chrome扩展程序_Chrome扩展程序可提高您的生产力
weixin_26737625的博客
08-24 356
chrome扩展程序Over the past decade, Google Chrome has become the go-to application when anyone wants to browse the web on desktop and mobile. Many people don't even like to browse on their devices until t...
html 拉动的尺子插件,屏幕尺子插件：Page Ruler
weixin_30978959的博客
06-11 1632
在开发人员做一些网页美工或者是网页前台开发，或者是普通用户需要知道当前页面中某一个元素的具体大小尺寸的话，最好的方法不是使用一个现实版的木质尺子，而是一款Chrome浏览器中的Page Ruler插件，这款插件可以很好地集成到谷歌浏览器中，在Chrome中启动Page Ruler插件可以与当前网页的屏幕无缝地集成到一起，可以使得用户非常精确地测量出当前页面某个元素或者是整个页面的大小尺寸。屏幕尺子...
优秀程序员都在用哪些Chrome拓展工具？
九章算法的博客
02-19 1931
编译 | Cecily & Emma 专栏 | 九章算法 谷歌浏览器 Chrome 是我们最常用的浏览器之一，而Chrome浏览器自带的开发者工具Chrome DevTools是Web前端开发性能调试的必备工具。但是Chrome能做的远远不止这么简单，Chrome的功能通过成千上万的拓展工具进行拓展，让开发者们可以在开发过程...
（47）网页布局常用工具
Java田根旺
12-22 3375
一、vscode代码编辑器 用于编写前端代码，微软公司使用electron前端客户端技术做出的vscode软件，功能虽然比不上webstrom编辑器强大，但是它使用起来启动速度更快，功能强大度达到webstrom的90%，自从vscode的出现，大部分企业的前端工程师都在使用vscode编辑器，因为它开发效率不仅高，启动速度还快。 二、Fireworks量取设计图软件 该工具可以测量整个页面版心的px像素值，以及可以使用标尺工具，按shift键可以查看到margin或者padding的距离，切片工具可
前端常用的绘图测量工具
m0_45127388的博客
11-05 2125
一、photoshop 二、Sketch
测量网页元素的大小和间距的利器
gp5251的专栏
08-30 6684
一般而言，对于测量页面某个元素的大小，直接f12打开开发者工具inspect目标元素就好了，但如果要测量其他，如两个元素间的距离，是不是就没那么方便了？ 这里安利一款chrome插件，better ruler，可以很方便的测量各种距离，更重要的是，它支持吸附到元素，再也不用眯着眼去量一两像素的差异了。 点击插件图标即可开始测量，再次点击将退出测量。 移动鼠标的同时按住A...
PageRuler(Chrome页面区域测量插件)v2.0.9官方免费安装版
08-02
Page Ruler(Chrome页面区域测量插件)是一款chrome页面区域测量插件工具，主要能对网页中板块的宽度、高度的像素大小进行测量或设定好固定大小来框选需要的区域测试其像素大小，简单而实用，在安装了这款插件后，使用者可以在页面中通过点击插件图标来启用插件功能，启用后页面上会出现一个工具栏，同时鼠标也会变成十字光标，用鼠标托选需要测量的区域即可了解该区域的面积大小，需要的朋友欢迎前来下载使
Page_Ruler_V2.0.9.crx
05-21
当前Chrome商店的Page Ruler无法离线使用，原因是自2.0.9版本后，商店的插件不由原作者发布并维护，其代码相较于原版添加了部分跟踪和分析代码，强制要求在有网络的环境下运行 原作者公告链接https://github.com/wrakky/page-ruler/issues/104 该资源所分享的Page Ruler版本为2.0.9，经测试可正常离线使用
page-ruler:在不使用jQuery的情况下测量文档，视口和页面偏移
05-24
页面标尺 在不使用jQuery的情况下测量文档，视口和视口偏移。 安装 首先在您的项目根目录中安装Page Ruler。 $ npm install --save page-ruler 然后使用require（）将其包含在您的模块中。 var ruler = require ( 'page-ruler' ) ; 用 可以使用以下方法： ruler . document ( ) ; // Returns { width, height } object ruler . documentWidth ( ) ; ruler . documentHeight ( ) ; ruler . viewport ( ) ; // Returns { width, height } object ruler . viewportWidth ( ) ; ruler . viewportHeight
Smart-Webpage-Ruler:智能页面标尺可测量网页中元素的形状，位置和对齐方式
05-05
智能网页标尺 与市场上的其他可用工具不同，智能网页标尺具有许多不固定的功能，可确保对元素进行高度准确的测量。 由于它具有测量形状，距离和对齐方式的强大功能，因此它对于开发人员和Web设计人员来说是必不可少的工具。 一些核心特征 测量任何元素的相对和绝对位置 计算高度，宽度，边距，填充所需的一切 对衡量组件之间的匹配度非常有用 衡量网页上的所有元素 轻松选择和检查元素 确保最高的准确性 与Zeplin图层检查工具相似且功能强大。 惊人的用户体验和设计 易于访问，只需单击并完成！ 它是如何工作的？ 与开发 :red_heart:
网页标尺工具
03-30
FastStone Capture支持包括BMP、JPEG、JPEG 2000、GIF、PNG、PCX、TIFF、WMF、ICO和TGA在内的所有主流图片格式，其独有的光滑和毛刺处理技术让图片更加清晰，提供缩放、旋转、减切、颜色调整功能。只要点点鼠标就能随心抓取屏幕上的任何东西，支持拖放，可以直接从系统、浏览器或其他程序中导入图片，收藏夹功能让你能更好的收集更多精彩图片。 现在工作中要写文章讲究的是图文并茂，因此选择一款好的截取图片并附带常用编辑功能的软件就成了用户当务之急。而FastStone Capture就是此类截图工具软件中的佼佼者，它集图像捕捉、编辑、调整于一身，值得一用。 根据当前要操作的对象的形状，FastStone Capture支持六种捕捉方式：捕捉活动窗口、捕捉窗口/对象、捕捉矩形区域、捕捉手绘区域、捕捉整个屏幕、捕捉滚动窗口。它还支持屏幕放大镜、拾取屏幕颜色、屏幕标尺等功能。 捕捉后的图像的处理方式也很丰富，可以选择：在编辑器打开、存入剪贴板、存入文件、自动保存文件、发送到打印机、发送邮件、发送至WORD、发送到Powerpoint、上传到网络FTP等。存入文件时，可以由通过文件名称模板自由定制文件名，可以保存为BMP、GIF、JPG、PNG、TIF、PDF格式，输出文件夹位置也可以自己设定。
e-ruler 网页测量工具
12-20
e-ruler 网页测量工具 可以测量两点之间距离，多点之间距离，测量角度，显示起点和终点的坐标值
【 插件助手 】PageRuler：网页尺寸测量Chrome插件
02-24
Page Ruler是一款可以快速测量出当前页面中某个元素大小尺寸的Chrome插件，在Chrome中安装了Page Ruler插件以后，可以点击浏览器右上角的Page Ruler插件在任何页面中启动它来测量相关的元素大小。
网页测量工具
03-29
这是一款网页测量技术,对于字体,元素,图片的颜色,像素等屏幕信息可以进行侧脸,该工具短小精悍,专业版已经破解!能够让你更快更准的设计出更好的网站!
Screen Ruler屏幕尺子工具
12-20
Screen Ruler是一款十分小巧的屏幕尺子软件，多用于网页的制作,支持横向测量和垂直测量，并且可以选择指定性的测量单位进行测量，可以在PDF上测量图像和在CAD图纸上测量零件。
推荐一个好用的windows屏幕坐标获取工具
最新发布
09-05
推荐一个好用的Windows屏幕坐标获取工具是"Screen Ruler"。这是一个小巧且功能强大的软件，可以帮助用户准确地获取屏幕上任意位置的坐标。 Screen Ruler的界面简洁明了，使用起来非常直观。当用户启动软件后，只需将鼠标移到所需位置，软件会立即显示当前鼠标所在位置的坐标信息。同时，用户还可以通过拖动软件界面上的小箭头来精确测量任意区域的尺寸，例如测量窗口的大小、网页元素的宽高等。 该工具还支持像素和百分比两种坐标显示模式，用户可以根据自身需求自由切换。此外，用户还可以通过设置快捷键来更方便地激活和隐藏软件，以及调整工具的透明度和颜色。 Screen Ruler还提供了一些附加功能，例如可以锁定工具界面在最顶层显示，保持工具始终可见，以及将当前坐标信息复制到剪贴板中，方便用户在其他应用程序中使用。 总的来说，Screen Ruler是一款功能强大且界面简洁的Windows屏幕坐标获取工具。无论是进行屏幕布局设计、网页制作，还是进行窗口大小调整等任务，都可以通过该工具轻松获取到所需的坐标信息。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值