问题标签 [firefox-developer-tools]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
firefox-addon - Firefox 与 Google Chrome 对应 - 开发者工具（时间线）
操作系统：WinXP
是否有任何 FF3 插件可以像 Chrome 开发者工具 - 时间线 - 以图表形式显示加载时间？由于兼容性问题，我需要在 FF3 下调试才能看到完整的功能。请指教，谢谢。
firefox - 用于显示鼠标下方页面部分的 HTML 代码的常用 Firefox 工具的名称是什么？
不到一个月前，我偶然在 Firefox 中发现了一个默认安装的好工具。我不记得名称（可能是代码检查器或类似名称），但我使用 Ctrl+Shift+I（工具 -> Webdeveloper -> 工具名称）快捷方式运行它。
工具是什么？该工具的工作原理是，当您将鼠标放在网页中的某个位置时，在该工具的窗口中，您会看到该位置的 HTML 代码。现在，我的系统更新了，这个工具已经从我的浏览器中消失了。我非常失望。有人知道我在找什么工具吗？
在此先感谢，
库巴
firefox - 萤火虫的替代品
Firebug 在工作中被阻止，所以有人可以建议它的替代方案吗？
css - 无法将样式注册到开发工具
我创建了一个测试扩展，以改变一些东西，并可能为 Firefox 内置的开发工具添加一些功能。
我设置了一个基本扩展，包含内容 css 和常用文件，以及 chrome.manifest：
虽然我可以转到“chrome://devtooltweaks/content/devToolStyle.css”并看到该文件存在于浏览器中，但 DOM 检查器没有显示应用的样式，我也看不到列出的样式表。我已经很久没有做扩展开发了，这里有没有我遗漏的步骤？还是不允许更改内置的开发工具，类似于Chrome 中不允许的方式？
javascript - 刷新页面后将焦点设置在网页而不是 Firefox 调试器上
我正在使用默认的 Firefox Web 开发人员工具。火狐 20.0，Mac OS X 10.7。
如果我打开了开发人员工具的调试器面板（但没有聚焦）并刷新页面，焦点将转到调试器面板而不是刷新的页面。我可以将焦点设置为转到刷新的页面吗？
如果我打开了 Web 控制台面板，这不会窃取焦点 - 理想情况下，我希望让调试器以相同的方式运行。
我的程序使用文档keyup和keydown事件，页面需要关注这些才能工作。每次都必须单击页面被证明是令人惊讶的烦人（这只是一件小事，但每次刷新所需的工作量会增加一倍！）。
firefox-developer-tools - 开发人员工具，保存对实时站点所做的更改
在 Firefox 或 chrome 中使用开发人员工具时，在对开发人员工具样式表进行更改后，是否有办法保存这些更改以供以后在修复实际样式表时参考？
firefox - 如何在 iFrame 中运行 Firefox 检查器？
我知道 Chrome 的检查器有一个选择器来选择与控制台一起使用的框架。Firebug 有一个类似的命令，cd(window.frames[number]). Firefox Devtools 中有类似的东西吗？我想 frame.window.eval 可以工作，但前提是它不是跨域的。
我还想知道是否有荧光笔来检查 Web 控制台命令的结果，例如document.getElementsByClassName(...). 但是您至少可以通过编程方式更改元素的样式以“查看”它。
firefox - 这个 xul 覆盖有什么问题？
我正在尝试向 Firefox 开发工具添加“编辑 html”按钮。在 chrome://browser/content/devtools/inspector/inspector.xul 我们有：
我正在尝试使用此 chrome.manifest 添加叠加层：
我的检查员Overlay.xul：
样式 css 正在工作，这个覆盖 应该向内置的检查器面板添加一个菜单项，但看起来它没有做任何事情。这个覆盖有什么问题吗，或者改变检查员有什么限制吗？
javascript - webconsole.js 在哪里引用？
我试图了解如何webconsole.js将其导入 Firefox Devtools - 它应该导入到 toolbar.xul 中，但我在 DOM 检查器或 Venkman JS 调试器中都看不到。
更具体地说，我试图JSTerm.execute(command, callback)从 inspector.xul 上下文中调用，类似于在 Web 控制台中输入 somehting 时发生的情况。这些对象应该在检查器的父窗口（开发工具主工具栏）中，但我似乎找不到参考。
javascript - 如何连接到 Firefox 网络请求弹出窗口？
我想尝试改进 Firefox 控制台弹出网络信息对话框的方式。我试过覆盖：
但它似乎不起作用。我查看了源代码，该文件看起来没有显示元素的代码，必须是另一个表单调用它。我想知道是否有一种简单的方法可以从 Firefox 扩展向这个弹出窗口添加功能？
- 更新 -
我在 NetworkPanel.jsm 中找到了一些相关代码：
不幸的是，似乎没有任何简单的方法可以从插件代码创建这样的侦听器。我尝试使用 store-original-function-and-replace 技巧，它运行，但它似乎并没有以某种方式在正确的上下文中调用原始函数：
^ 我最初尝试过.call(WebConsoleFrame和.call(WebConsoleFrame.prototype。通常这应该可以工作，可能是chrome代码中的一些特殊情况？
上面的代码正在使用此叠加层：