标签: firefox-developer-tools
Firefox：如何停止和检查悬停在元素上时添加的新样式？
我正在使用 Firefox 进行开发。
当我将鼠标悬停在 A 标签上时，我想看看它添加了哪些 CSS 样式。如何在 Firefox 中执行此操作？
更新
我右键单击标签并选择检查元素。我可以看到添加到右下窗格的样式。但是，如果我将鼠标移动到 css 窗格来检查样式，那么添加的 CSS 样式就会消失。我知道我可能需要打破某些东西，但我无法让它发挥作用。
谢谢！
推荐指数
解决办法
查看次数
Mozilla Firefox 开发人员工具 - 什么是灰色的选择器？
在 Firefox 开发者工具规则视图中，选择器是粉红色的。有时灰色的选择器和粉红色的选择器一起。他们在做什么？
推荐指数
解决办法
查看次数
Firefox - 无法刷新缓存的视频文件
编辑以澄清根本问题。
我正在尝试调试一个包含一张图像和一个视频的简单 HTML5 网页。一切都显示良好。视频播放正确。但是，当我尝试刷新页面时，除了视频文件之外，所有内容都会下载。我正在使用 Firefox 开发者工具，但我不明白发生了什么。
在网络选项卡上，我看到.html正在下载的文件，然后是image.jpg文件。但我从来没有看到video.mp4下载的文件。视频播放正常，但不是服务器上的当前版本。好像是以前的版本，已经缓存了。
我很困惑为什么会这样。开发者工具中禁用了缓存。我正在刷新页面Ctrl+F5。就好像视频是从一些我不知道的秘密本地缓存中提供的。我使用的是 Firefox 47.0.1。当我用 Firebug 测试时也会发生同样的事情。
编辑。我现在已经尝试了 Chrome 中的开发者工具，结果完全一样。第一次访问该页面时，我可以看到video.mp4正在下载。在随后的重新加载中，我可以正常看到.html和.jpg文件，但看不到该video.mp4文件。它必须缓存在某个地方，因为它会播放。我在 Chrome 开发工具中禁用了缓存。我明确清除了缓存并尝试了隐身窗口。除了第一次之外，我从未看到任何视频文件正在下载的迹象。
我一定错过了一些明显的东西。其他人可以复制这个吗？
这是我的 HTML。
<! DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<p>Test page.</p>
<img src="media/image.jpg">
<video src="media/video.mp4" controls="">
Display this if the browser can't play video.
</video>
</body>
信息来自对问题答案的评论：
1：
谢谢@nakji。清除缓存和隐私浏览没有任何区别。但是关闭浏览器就可以了。我清除缓存后重新打开浏览器。在我第一次访问该页面时，我可以看到两个 GETvideo.mp4响应 206（部分内容）。但之后又回到了原来的问题。我将下载 Chrome 并尝试一下
2：
@ManoDestro。我尝试了一切可能强制重新下载video.mp4. 但这并没有发生。Ctrl我用+重新加载了页面 …
推荐指数
解决办法
查看次数
Firefox 中 Chrome 的“添加源映射”相当于什么
在 Chrome 上，我可以为我的bundle.js.
在 chrome 源面板中，我可以单击，bundle.js然后在源窗口内右键单击，我可以选择add source map. 我怎样才能在 Firefox 中达到同样的效果？
推荐指数
解决办法
查看次数
如何从 Firefox 开发者工具下载/提取字体
我已经阅读了 Chrome 的类似帖子（how do i download/extract font from chrome Developers tools），我正在尝试使用 Firefox 做同样的事情。因此，我打开了开发工具的网络面板并重新加载了页面，然后过滤了实际GET 200答案，我看到content-encoding: gzip一切content-lenght: 238214都很好。
现在，如果我打开答案面板而不是标题，我可以将答案复制/粘贴为文本流，但这甚至不接近上述指定的大小。我尝试使用在线工具按照指定的方式转换为 gzip，但结果无论如何都是损坏的 .gz 文件。为什么它不能与 Firefox 一起使用？我究竟做错了什么？
编辑：我使用的测试网址是： https: //fonts.adobe.com/fonts/exocet
推荐指数
解决办法
查看次数
哪些是准确测量页面加载时间的正确指标？
我正在使用 JavaScript Performance API，并且试图找出正确的指标组合，以便在请求和加载任何单个页面时在控制台上记录页面加载时间。
TLDR： 我想使用 JavaScript 的性能 API来获取接近Firefox 开发人员工具（或任何浏览器开发人员工具）的“网络”选项卡load上报告的数字的数字。
请参阅下图中右侧的数字：
我不会有任何问题，但事实上，我尝试过的组合都无法始终接近loadFirefox 开发者工具的“网络”选项卡上报告的数字 - 有时我得到的最终数字高达百分之几第二次下，有时相同的量超过。
也许我已经达到了尽可能接近的数字，但我想确保我做到了，并且不会意外地引用不适当的指标。
以下是我正在使用的指标（来自PerformanceNavigationTiming的界面Performance API）：
domainLookupEndconnectEnd- 我以前用过这个，但现在没有responseEndloadEventStart
这就是我目前所拥有的：
window.addEventListener('load', () => {
let domainLookupEnd = performance.getEntriesByType('navigation')[0].domainLookupEnd;
let connectEnd = performance.getEntriesByType('navigation')[0].connectEnd;
let responseEnd = performance.getEntriesByType('navigation')[0].responseEnd;
let loadEventStart = performance.getEntriesByType('navigation')[0].loadEventStart;
console.log(`
domainLookupEnd: ${domainLookupEnd}
connectEnd: ${connectEnd}
responseEnd: ${responseEnd}
loadEventStart: ${loadEventStart}
Page loaded in: (${responseEnd} - ${domainLookupEnd})
Page built in: (${loadEventStart} - ${responseEnd})
Page …推荐指数
解决办法
查看次数
我们所说的 firefox 开发工具中的等待时间是什么意思
我正在使用 Firefox 开发人员工具来了解从客户端到服务器的应用程序网络调用，在此我正在检查网络 -> TImings 选项卡，有人可以给出以下字段表示的内容吗？
Sending
Waiting
Receiving
以及如果等待时间比接收时间值太多，它代表什么，例如
waiting time is 10.3 sec
receiving time is 2 ms only
如果等待时间太长，那是否意味着服务器端代码性能不佳？，意味着这个等待时间与服务器端处理有关，服务器端处理请求的速度有多快？
推荐指数
解决办法
查看次数
类似于 Firefox 的 Chrome 样式编辑器的开发工具
如果您可以像在 Firefox 中一样修改 css 样式表，那么 chrome 是否有调试/编辑模式Tools > Developer Tools > Style Editor？
这与 chrome 中开发人员工具左侧的样式选项卡不同，尽管它允许您选择一个元素并查看应用到它的所有 css 样式并编辑/添加新样式。它与 FF 样式编辑器不同，因为它允许您直接在样式表中的任何位置键入。
css firefox google-chrome google-chrome-devtools firefox-developer-tools
推荐指数
解决办法
查看次数
如何更改Mozilla Developer Tools主题
我最近更新到Firefox 49,我不喜欢为DevTools引入的新配色方案(绿色和灰色).
谁能告诉我如何切换到旧的DevTools主题(黑暗,橙色,蓝色)？
推荐指数
解决办法
查看次数
Firefox远程调试'listen'命令给出'SyntaxError:missing; 在声明之前'
我想在Windows上使用Firefox + WebStorm开发AngularJS 2网页.
为此,WebStorm配置手册告诉您listen 6000在Console命令行输入.虽然这样做会给出SyntaxError: missing ; before statement错误信息.listen 6000;没有帮助.
我怀疑该listen命令可能会被删除,因为它ReferenceError: listen is not defined在没有端口的情况下执行它.
当然,我已勾选"启用远程调试"复选框并重新启动浏览器.
请注意,我使用的是Firefox 49.
推荐指数
解决办法
查看次数