firefox中的measure it怎么使用

Posted 2023-05-15

您好！
很高兴能为您解答问题，也感谢百度知道提供这个交流平台！

使用火狐Firefox的用户都会安装measure来增强使用体验.
measure
it设置方法：
1、打开security.dialog_enable_delay关闭它
名称: security.dialog_enable_delay
默认值: 2000 (单位毫秒)
修改值:
* 0 – 立刻安装
* 其他数值
2、使用外部编辑器查看源文件
两件事要做:
名称: view_source.editor.external
默认值: False
修改值: True (允许使用外部编辑器)
名称: view_source.editor.path
默认值: blank
修改值: 输入编辑器路径. 参考技术A 　　Firefox上Web开发插件库，而Measure It是在网页上画一个尺子来查看宽度和高度或者以像素为单位对齐网页元素。

　　All in one Sidebar
　　AiOS允许你打开多个窗口作为侧栏面板，并能够在他们之间快速切换。AIOS结束了窗口混乱的时代，除了书签和历史记录外，它还在侧边栏增加了下载，加载项和其他的一些对话框。
　　Cache Status
　　使用它来对缓存进行监督和管理。
　　CacheToogle
　　通过点击开关，禁用浏览器的缓存。
　　Colorzilla
　　高级取色器，颜色选择器，渐变颜色生成器，和其他的一些进行颜色处理的工具。
　　Console²
　　Console²可能会成为下一代的错误控制台，用来取代JavaScript控制台。
　　从火狐v0.5开始就有控制台过滤扩展套件，之前该套件只在Console²网站上可用。
　　CSS Reloader
　　CSS Reloader使你能够重新加载网站的CSS，而需要重新加载网页。
　　DOM Inspector
　　DOM Inspector用来观察，编辑web文件或XUL应用正在使用的DOM。可以通过一个显示文件和节点的不同视图的两个小窗口拼起来的大窗口来查看DOM。
　　Firefogg
　　该插件用来编码Firefox中的视频和音频。用Firefogg吧大部分的媒体文件编码成Ogg和WebM。Firefox提供接口用来整合编码上传的程序。
　　FireFTP
　　FireFTP是一个免费，安全，跨平台的一个Mozilla FirefoxFTP/SFTP客户端，该客户端为访问FTP/SFTP提供简单直观的途径。
　　FireUnit
　　JavaScript Unit测试扩充套件。
　　FoxGuide
　　显示水平和竖直的不定浮动指南，与你在Photoshop使用到它的方式一样。有助于改进布局，将元素放在恰当的网格中，系统地放置元素，使设计更结构化。
　　FoxyProxy Standard
　　FoxyProxy是一个高级代理管理工具，它完全替代了Firefox的有限的代理性能。跟SwitchProxy相比，它提供更多的功能。
　　Geolocater
　　地理定位您需要的位置。
　　GreaseMonkey
　　通过Javascript自定义网页的显示方式和行为。
　　HTML Validator
　　HTMLValidator是个Mozilla扩充套件，它在Firefox和Mozilla中添加了HTML验证。HTML页面中的错误数量通过窗口上的按钮来显示。
　　HttpFox
　　一个用于Firefox的HTTP分析器插件
　　iMacros for Firefox
　　自动化火狐浏览器。记录和重现重复的工作。如果你喜欢Firefoxweb浏览器，但是厌倦了重复的工作，比如说每天访问同样的站点，填写重复的表格，还要记住密码，那么Firefox的iMacros就是你梦想的解决方式。
　　Jenkins Build Monitor
　　Monitor Jenkins（http://jenkins-ci.org）创建和显示Firefox状态栏中的状态。
　　jQuery extension
　　嵌入在浏览器中的jQuery and jQuery UI
　　JSONovich
　　使浏览器中的JSON的内容更容易阅读。
　　JSONView
　　在浏览器中查看JSON文档。
　　JSView
　　如果你浏览的网站包含外部的js/css文件，会出现一个有“SS”，“JS”或者两者都有的按钮，每个单独的文件都可以通过点击文件名进行查看。文件将会在一个新的窗口打开。
　　Link Widgets
　　通过给第一页，前一页，下一页，最后一页提供工具栏按钮来简化了页面序列的导航（比如，Web漫画，论坛，或者技术规范如HTML4建议）。
　　Live HTTP Headers
　　在浏览网页时查看HTTP标头。
　　LiveReload
　　当文件变化时，LiveReload就会更新网页。
　　Measure It
　　在网页上画一个尺子来查看宽度和高度或者以像素为单位对齐网页元素。
　　Modify Headers
　　添加、修改、过滤发送到web服务器上的请求头。这个加载项尤其适用于移动web的开发，HTTP测试和隐私保护。
　　NoScript
　　通过这个套件你可以获得web浏览器中最好的安全性能，它只允许你信任的网站播放动态内容，而且保护你免受XSS和Clickjacking的攻击。
　　PageSpeed
　　PageSpeed 是开源的，最早出现在Google上通过分析网页性能最佳实例来帮助开发者优化他们的网页。
　　PixelZoomer
　　PixelZoomer可以获取当前网站的截屏，并提供多个工具进行像素分析。利用这个工具你可以放大网页（最大可以放大32倍），测量距离，和获取颜色。
　　Pixlr Grabber
　　使用Pixlr Grabber使抓屏和从网页上抓取图片变得更容易。使用PixlrGrabber加载项，你只需要点击一下右键就可以复制，保存，分享，甚至可以编辑你抓取的图片或背景
　　Poster
　　这是一个开发者工具栏，用来跟web服务和其他web资源进行交互，允许你发出HTTP请求，设置实体主体和内容类型。Poster允许你与web服务进行交互并检视结果。
　　QuickJava
　　在状态栏和（或）工具栏中快速启用和禁用Java,Javascript,Flash,Sliverlight,Images,Stylesheets,he Proxy，而不需要打开任何对话！
　　Rainbow Color Tools
　　Web开发的颜色工具。选色，取色+保存颜色，并拖放这些颜色来尝试调配颜色。
　　Regular Expressions Tester
　　正则表达式的测试工具（用高亮色显示（包括子匹配））和新建表达式的助手。
　　Remove Cookie(s) for Site
　　这是一个非常简单的扩展套件，用来移除所有的正在打开网站。它在你的网页右键菜单中添加了一个选项，和一个清除Cookies按钮来完成操作，并在状态栏显示操作的状态。
　　Screenshot Pimp
　　只要点击一下，你就可以捕获，抓取，保存，下载或者复制你在web浏览器上看到的任何东西。Screenshot pimp是迄今为止最具有自主定义性和用户友好的屏幕捕获工具栏，这个工具栏能在Windows和Mac上使用。
　　SQLite Manager
　　管理你电脑上的SQLite数据库。
　　Selenium IDE Buttons
　　只需要一个简单的工具栏按钮就可以打开SeleniumIDE。你需要先安装SeleniumIDE：http://seleniumhq.org/projects/ide/
　　SeoQuake SEO extension
　　Seoquake是Firefox 的一个SEO套件，其主要目的是帮助网管优化搜索引擎，优化社交媒体，和Internet推广。Seoquake允许研究许多重要的SEO参数。
　　ShowIP
　　在状态栏中显示当前网页的IP地址。它也允许通过IP查询用户信息服务（右键）和主机姓名（左键）。另外，你可以把IP地址拷贝到粘贴板。
　　Stylish
　　用Stylish重设网页的样式，它是一个用户样式管理器。Stylish允许你很容易就可以为Google，Facebook，YouTube,Orkut和许多其他网站安装主题和皮肤。你甚至可以自定义Firefox和其他程序。
　　Tamper Data
　　用tempdata访问修改HTTP/HTTPS表头和发送参数。
　　TAW3
　　如果你想查看网站的可访问，只要点击这个按钮就可以做到。
　　Tilt 3D
　　基于WebGL的网页3D视觉效果。
　　TotalValidator
　　该套件对网页执行一系列的验证操作。这种多重验证包括外部，内部，本地网页验证，本地网页验证是通过一个从http://www.totalvalidator.com/downloads/extensiontool.html获得的桌面工具本地的拷贝进行的。
　　TryAgain
　　TryAgain一直在尝试着在无法连接服务器的时候加载网页。
　　User Agent Switcher
　　UserAgentSwitcher扩充套件添加了一个菜单和工具栏按钮，用来切换用户代理。
　　Wapplayer
　　Wapplayer是一个浏览器加载项，该加载项用来显示用在网站上的技术。
　　WebDevelop
　　WebDevelop扩充套件给浏览器添加了许多web开发工具。
　　Firebug extensions
　　在一些特殊的用例中用到一些Firebug的扩充套件，下面将列出其中的一部分：
　　Acebug
　　用Ace突出显示Firebug的命令行。
　　Code Coverage v2 for Firebug 0.1
　　这个Firebug扩充套件用来记录Javascript代码的覆盖率。
　　CSS Usage
　　Firebug 中能够查看使用了哪些CSS规则的扩充套件。
　　Firecookie
　　Firecookie是Firebug的一个扩充套件，该套件能够查看，管理你的浏览器里的cookies。
　　Firefinder
　　找到与选中的CSS选择器或者Xpath表达式匹配的HTML元素。
　　FirePHP
　　FirePHP允许你调用一个简单PHP方法将日志写入Firefox控制台。
　　FireQuery
　　Firebug为jQuery开发提供的插件。
　　Friendly bug
　　使Firebug更友好更简单易用。
　　Inline Code Finder for Firebug
　　Inline Code Finder 是Firebug的一个加载项，能够发现HTML元素中的一些问题：内联的Javascript事件，内联的样式，是在链接的href属性中直接编写javascript代码。
　　FireRainbow
　　突出显示Firebud的Javascript的语法。
　　NetExport
　　NetExport是Firebug的扩展，该扩展允许输出所有NetPanel收集和计算的数据。已创建的文件使用HTTP文档格式（基于JSON）。
　　PixelPerfect
　　PixelPerfect是Firefox/Firebug的一个扩展，这个扩展允许web开发者和设计者用web组件轻松覆盖原来的HTML的头部.
　　YSlow
　　YSlow分析网页，并根据Yahoo！为高性能网站提供的规则来分析网站为什么运行缓慢。
　　Firebug Extension Wiki于Firebug的扩充套件。
　　 参考技术B 测量它
例句

释义:
全部

1.
Depending on the breakdown of what you want to measure, it might benecessary to reset the start variable's value at certain points.
取决于您希望测量的具体细目，可能必须在某个时间点重置start变量的值。

2.
Since the piece of chalk was a cylinder we decided to measure it and use theformula for the volume of a cylinder.
由于粉笔是一个圆柱体，我们决定测量它，然后利用圆柱体体积公式进行计算。

3.
I laughed and thought she was joking, but she said she was dead serious, that she even got a measuring tape to measure it!
我笑了，说她是在开玩笑，但她说不许笑，当初是很严肃的拿皮尺量它！

4.
And He said to them , Take heed what you hear . With what measure youmeasure , it shall be measured to you, and it shall be added to you .
又对他们说，你们要留心所听的。你们用什么量器量给人，也必用什么量器量给你们，并且要加给你们。 参考技术C 　　尊敬的用户，您好！很高兴为您答疑。
　　您说的这个扩展应该是一款辅助测量工具类的扩展，开启后，利用其提供的界面进行像素测量即可。如果没有弹出界面，则有可能是您的浏览器版本过高，该扩展未予支持。
　　希望我的回答对您有所帮助，如有疑问，欢迎继续咨询我们。

React Native学习-measure测量view的宽高值

measure()测量是根据view标签中的ref属性，使用方法如下：

measureWatermarkerImage(){
 this.refs.watermarkerImage.measure((a, b, width, height, px, py) =>
     this.setState({watermarkerImageWidth: width})
  );
}

with：宽；height：高；px：x轴方向距离左边多少像素；py：y轴方向距离上边多少像素；

根据项目需要，如果需要在页面加载完成后进行测量view，就需要使用setTimeout()：

componentDidMount() {
    setTimeout(this.measureWatermarkerImage.bind(this));
};