当前位置: Chrome插件首页 > 开发者插件 > 网页屏幕测量标尺-MeasureIt Chrome插件

网页屏幕测量标尺-MeasureIt Chrome插件

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

网页屏幕测量标尺-MeasureIt Chrome插件图文教程

Measureit插件概述

MeasureIt是一款为网页设计师和开发者提供的浏览器插件,可以帮助他们在设计网站时轻松地测量和正确估计网站的元素。MeasureIt是非常好的一款插件工具,因为他非常的小巧,并且绝对完美完成一个非常具体的任务,帮你“丈量”任何网页中的任何尺寸——一把得心应手的尺子。可以让你画出一个尺子,然后测量网页页面中任一元素的高度和宽度。如果您也是做前端开发的话,可能经常需要去测量一下网页中布局的各种测量指标,很多人喜欢Firebug插件,因为只要直接Inspect一下基本就能够得到数据。不过貌似还是有一些情景Firebug帮不上忙,而MeasureIt就很好的帮助我去测量一些布局上的东西,比如边距啊,元素的大小啊等等,如果您不喜欢很重的大而全的工具集成类的扩展,碰巧还需要做这件事情,那就推荐您使用Measureit插件。

Measureit插件概述

Measureit插件功能介绍

1、可以让你画出一个尺子,然后测量网页页面中任一元素的高度和宽度。
2、轻量易用,简单单击工具栏按钮和屏幕上标尺显示。
3、使您可以检查的宽度,高度或以像素为单位的页面元素的对齐方式。
4、可以测量页面上任何选择区域的长宽。

Measureit插件下载安装

1.你可以从chrome应用商店里找到Measureit插件,如果你的chrome应用商店无法打开,你可以在本站的下方找到Measureit插件下载地址,当然你也可以借助于或者其他手段访问chrome应用商店。
2.离线安装的方法参照一下方法:老版本chrome浏览器,首先在标签页输入【chrome://extensions/】进入chrome扩展程序,解压你在本站下载的插件,并拖入扩展程序页面,它会提醒你是否安装该插件。
Measureit插件下载安装
3.最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息,参照:Chrome插件安装时出现"CRX-HEADER-INVALID"解决方法,安装好后即可使用。

Measureit插件使用方法

1.在chrome浏览器安装好后,在浏览器的右上方会出现Measureit插件的按钮,并提示你已安装完该插件。
Measureit插件使用方法
2.进入【已安装扩展】的开发者模式,点击【选项】
Measureit插件使用方法
3.点击【选项】后会出现下图,在此页面可以对尺子进行设置;
Measureit插件使用方法
4.点击插件按钮可以从测量的状态中切换,点击一次进入测量状态,再点击一次就可以退回到正常状态下。
Measureit插件使用方法
5.进入测量状态之后,您就可以拖拽鼠标拉出矩形框,然后这个扩展会自动告诉您这个矩形框的大小,非常方便,当测量完毕后,就可以点击扩展栏上的按钮退出测量状态了。如下图所示:
Measureit插件使用方法

Measureit插件注意事项

Measureit插件目前支持在chrome浏览器,Firefox浏览器

网页屏幕测量标尺-MeasureIt Chrome插件图片

  • 网页屏幕测量标尺-MeasureIt插件图片

网页屏幕测量标尺-MeasureIt基本信息

插件名称:网页屏幕测量标尺-MeasureIt 插件作者: 插件语言:English 官方站点:暂无官方站点 插件唯一标识:pokhcahijjfkdccinalifdifljglhclm

网页屏幕测量标尺-MeasureIt用户数和评分

下载次数:96309 用户评分:2.84731 (共5分) 参与评分人数:334

网页屏幕测量标尺-MeasureIt文件信息

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

网页屏幕测量标尺-MeasureIt下载地址

网页屏幕测量标尺-MeasureIt相关插件

Web Developer - 网页开发者必备工具

开发者插件 2022-05-03 11:14:06

Web Developer 这款扩展集成了各种各样的 Web 开发工具,几乎是网页开发人员必备的 Chrome 开发者工具扩展插件,安装之后会在浏览器工具栏添加一个齿轮状的小图标,点击小图标之后就可

XPath Helper:chrome爬虫网页解析工具

开发者插件 2018-05-02 07:26:41

xPath helper是一款Chrome浏览器的开发者插件,安装了xPath helper后就能轻松获取HTML元素的xPath,程序员就再也不需要通过搜索html源代码,定位一些id去找到对应的位置去解析网页了。

Cookie Inspector

开发者插件 2020-04-25 22:17:06

Cookie Inspector是由Big Bad Goose LLC发布的免费开发人员工具扩展,Google Chrome 缺少 cookie 编辑器和管理器。该插件直接在开发人员工具中编辑 cookies 、创建 cookies 和管理 cookies,只需右键单击

Xdebug helper

开发者插件 2019-12-06 11:21:12

每个人都必须拥有使用Xdebug调试,分析和跟踪PHP代码的功能。 此扩展将帮助您轻松地启用/禁用调试,性能分析和跟踪,而不必费力地处理POST / GET变量或cookie。对于使用带有Xdebug支持的

Chrome Poster

开发者插件 2020-03-13 21:06:25

Chrome Poster是开发人员工具,可让您与http服务器进行交互,主要用于与http服务器交互的开发人员工具。 也被称为简单的休息客户。

掘金

开发者插件 2018-02-18 21:29:27

为设计师、程序员、产品经理每日发现优质内容。
包含Android、前端、产品、设计、iOS、后端六大频道,每个频道内都有一到多个为你精心准备的优质内容源。

掘金是中国质量

网页屏幕测量标尺-MeasureIt同类插件推荐

ePadLink SigCaptureWeb SDK Extension v1.1.0.4 Chrome插件

开发者插件 2019-07-14 16:20:14

EPadLink Sig 捕获 Web SDK 扩展为开发人员和集成商提供了一种机制和平台,可以安全地捕获 Chrome 浏览器中运行的 web 应用程序的手写签名。SDK 提供了使用 ePadLink 的电子签名垫捕获安全生物识别手写签名的功能。SDK 以不同的格式导出捕获签名的图像以及原始生物特征签名数据。这些图像可以用于任何需要签名图像的应用程序。捕获签名的生物特征签名数据以加密形式获取,可

ImageZoomer Chrome插件

开发者插件 2014-11-26 16:53:32

放大图像通过按住鼠标右键并滚动鼠标滚轮内联当前页面上。左键点击重置
如何使用:

*保持图像上单击鼠标右键,然后滚动鼠标滚轮来调整图像大小。

*按住右键,左键点击重置图像大小。

*按住右键,中键点击页面上的任何地方创建所有可用图像的覆盖,并自动获取链接的图像。伟大的缩略图画廊!伟大工程,在Reddit上; - )尝试自己: http://www.reddit.com/r/pics/

这些都是Windows的

Chrome Sniffer Plus Chrome插件

开发者插件 2016-06-28 07:34:52

Sniff web framework and javascript libraries run on browsing website.
Sniff web framework and javascript libraries run on browsing website.

With this extension, You can sniff

-

开发常用工具(Develop Tools) Chrome插件

开发者插件 2022-05-03 11:23:39

开发常用工具(Develop Tools)Chrome插件是一款可以安装到谷歌浏览器上使用,并支持所有chrome内核浏览器安装操作的浏览器辅助插件,这款开发常用工具包含Unix时间戳、URL编码/解码、汉字转

XSS辅助工具 Chrome插件

开发者插件 2015-11-07 18:03:47

XSS辅助工具
wooyun原地址:http://zone.wooyun.org/content/7678,我只是大自然搬运工小雷锋~

版本权所有 wooyun wiluilu~ 感谢分享,希望继续完善~

在线版使用说明:

1. 常用XSS转码

2. 盲打代码自动输入(f4)

3. 可以在插件页,点击

一键SCM Chrome插件

开发者插件 2015-02-06 08:45:14

一键部署、一键更新Assets、一键同步vm模板、一键打包预发……
仅限XX网内部使用交流…你懂的
一键部署、一键更新Assets、一键同步vm模板、一键打包预发……
仅限XX网内部使用交流…你懂的

REST Sniffer Chrome插件

开发者插件 2016-04-29 13:27:26

A developers tool that extends the Network tab
API Sniffer is a tool that assists developers to better understand REST API. As nowdays (RESTful) APIs follow similar guidelines, it is possible to m

Ruby开发文档 Chrome插件

开发者插件 2015-02-13 19:05:34

Ruby开发文档网站(doc.rubyfans.com)的Chorme浏览器插件
Ruby开发文档网站(http://doc.rubyfans.com)为您提供Ruby和一些基于Ruby的优秀开源软件的在线API文档查阅服务,例如Rails、Rack等。为Ruby程序员提供高速、方便快捷的API查阅服务是我们的唯一宗旨。

Import jQuery Chrome插件

开发者插件 2018-09-20 04:31:08

在任何网站引入jQuery开发,并可以自定义版本和网址,默认使用七牛CDN
Import jQuery anywhere, you can custom it what you what!

BugHerd Plus v1.25.14 Chrome插件

开发者插件 2019-11-10 03:33:33

BugHerd Plus 是 BugHerd 自己的嵌入代码的可选截图扩展。启用此扩展后,当使用 BugHerd 记录 bug 时,将发送当前页面的截图。 bugHerd Plus 也可以用于自动将 BugHerd 脚本应用于您定义的页面。对于没有权限访问网站的人来说,这非常适合安装。检查 “选项” 页面 (安装后将显示),设置项目的 URL 并观看魔术! 点击上面的 “添加到 Chrome” 按

Cookie Hacker Chrome插件

开发者插件 2016-06-30 13:38:27

Cookie Hacker,方便使用盗取来的Cookie
CookieHacker
============

Chrome extension, very easy to use. Cookies from: JavaScript document.cookie/Wireshark Cookies etc.

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

Chrome插件离线安装方法