问题标签 [firefox-developer-tools]

我需要手动设置一个 cookie 来测试我网站的登录页面。但是，我不确定如何设置路径选项。我不断收到“参数太多”的警告。有人知道用Firefox Web Developer 工具栏来做吗？截图如下：

我刚刚清理了我的 Firefox 插件并想知道：

• Firebug 有哪些使其独一无二的功能？

• Firebug 和 Firefox 开发者工具都有哪些功能？

在 Firefox 24 中，Devtools-tweaks使 Firefox 检查器中的选定项目以深蓝色勾勒，因此它们更加可见。然而，在 Firefox 25 beta 中，它说在查找具有“iframe-ruleview”类的面板时它是未定义的（检查器的正确列表），虽然我可以在 DOM 检查器中看到这个元素，但它是具有 css 属性的右侧面板.

content/inspectorTweaks.js 中的相关代码：

它说frame是未定义的，这是一个使该代码的其余部分无法正常工作的异常。

我试着用下面的例子来改变它，但我认为它是为了从主机打开 devtools？

^ 此代码给出 gBrowser 未定义错误。

我正在尝试开发一个 Firefox 扩展，它添加一个面板，允许用户与任何网页的 DOM 进行交互。我想重用我已经构建的 Web 组件。Web 组件是使用 jquery、angular、d3 和其他一些库构建的，其中大多数不能很好地与 XUL 配合使用。为了解决这个问题，我包含了一个浏览器元素，该元素包含一个带有我的组件的网页。

这有效，并按预期在侧面的面板中显示我的 index.html。但是，我无法弄清楚如何调试 index.html 页面中包含的任何脚本。调试扩展的文档似乎非常稀少。

所以我的问题是：如何将 firefox 调试器指向我创建的窗格中的浏览器元素。

我最近在试验这个 HTML 比较，这有点工作：

（这里的完整来源）奇怪的是，当将同一个节点与自身进行比较时，它说它自己的属性是不同的：

什么可能导致这种冲突？有没有办法在没有这种奇怪行为的情况下使用 getComputedStyle ？

更新

在这里，您可以看到这在浏览器中有效，但在 Chrome 特权代码中无效，您可以试试这个 devtools-tweaks 分支。

我注意到即将发布的 Firefox 25 beta 发生了变化：转到 chrome://browser/content/devtools/webconsole.xul，查看源代码，在当前的 Firefox (24) 中，您会看到：

然而，在 Firefox 25 中，对 webconsole.js 的引用被替换为内联脚本，函数 goUpdateConsoleCommands() 和两个 goUpdateCommand 调用。

Devtools-tweaks现在不适用于网络弹出窗口，因为该窗口上不再存在 webconsole.js 链接。此处的代码无需修改即可更改弹出窗口：https ://github.com/programmin1/DevTools-Tweaks/blob/master/content/netWinOverlay.js

有没有简单的方法可以将此功能重新连接到网络弹出窗口中？JSON/xml 解析是否会很快在 Firefox 中引入，从而使这变得不必要？

随着Firefox 25的发布，我们看到他们的开发工具有了巨大的改进。如此之多，以至于我很高兴能在 Firebug 上试用它们。

但是我看不到如何打开目前在 Firebug 中工作的 Sass 调试。我查看了开发设置中提供的所有设置。

我希望我错了，它目前是受支持的。

I have a function which makes a post request to my server when a button is clicked, however I notice in the console log that a single request is being sent to that resource when when it shouldn't have been triggered and I don't know why.

It is seemingly triggered a short time after another function is called which makes a get request to another resource, however that function is fairly simple; I've looked through it on and off for the past couple days and am at a loss and so have just been ignoring it mostly.

It's not really causing interference in the program, it just throws an exception on the server and the request fails which has no reprocussions to the client either, but obviously I don't want that in production and it's bothering me because I just can't figure it out. I really cannot imagine it's being triggered there and it's also strange because it happens some amount of time after that call, not right after as you'd think if it were called by it directly. So anyway, short of stepping through my whole program is there any way to determine what called a function? I'd think it would be a fairly common feature, but I just can't seem to find it if so.

正如你在这里看到的，我已经设置了一个插件来用漂亮的打印值替换 network-inspect-popup 的一些内容。奇怪的是，我正在设置 iframe 和内部文档 ( background;#FFF) 的背景，但它仍然显示网络检查器的蓝色背景。这有什么问题，为什么 DOM Inspector 插件甚至不让我检查这里有什么问题？

如何查看 localStorage 中的内容，例如 Google Chrome：资源 -> 本地存储

（我的意思是在 FF 开发工具中，而不是 Firebug）