标签: firefox-developer-tools

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

(我的意思是在FF开发工具,而不是Firebug)

好吧,我使用5 Min QUICKSTART创建了一个基本的Angular 2 Typescript项目,它已启动并运行.

我的typescript transpiller配置为创建源映射:

tsconfig.js

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false
  }
}

现在我可以在Chrome中看到*.ts文件,并且可以调试它们,没有任何问题.但Firefox(以及FireFox Developer Edition)根本没有显示.ts文件,即使在调试器选项中选中了"显示原始源".

我正在尝试为浏览器的Web扩展测试示例代码.但是,它不起作用.我检查了控制台的谷歌浏览器和Firefox.它不打印任何东西.以下是我的代码:

manifest.json:

{
    "description": "Demonstrating webRequests",
    "manifest_version": 2,
    "name": "webRequest-demo",
    "version": "1.0",

    "permissions": [
        "webRequest"
    ],
    "background": {
        "scripts": ["background.js"]
    }
}

background.js:

function logURL(requestDetails) {
    console.log("Loading: " + requestDetails.url);
}

chrome.webRequest.onBeforeRequest.addListener(
    logURL,
    {urls: ["<all_urls>"]}
);
console.log("Hell o extension background script executed");

我错过了什么吗？

我有一个<input type="hidden">。我需要看看它的值何时发生变化。我有很多 JavaScript 文件正在改变它的值。

我可以去任何值发生更改的地方并添加语句debugger，但这会花费很多时间。我已经了解了Object.watch()但它只在值更改后执行特定函数，尽管我想查看它在代码中更改的位置，而不是何时更改。

有什么方法可以实现这一点，也许是通过输出行号和 JavaScript 文件名或停止 Web 浏览器中的调试器？

有没有人知道如何在Firefox开发人员工具上打破XHR请求？在firebug的早些时候,我在Net面板下添加了断点.随着firebug的停止,感谢Firefox开发人员工具的任何解决方法.

我为Firefox和Chrome开发了一个附加组件.它有内容脚本.我想在浏览器选项卡的控制台中访问它们(在Firefox Web控制台上).例如,我想输入在控制台的内容脚本中定义的全局变量,它将输出其值.

在Chrome中,我可以通过按下打开控制台F12,然后导航到开发人员工具中的控制台选项卡.它在过滤器按钮后面有一个dropbox,用于选择我所在的上下文(页面/内容脚本):

在Firefox中,如何做同样的事情？

网站有一个弹出窗口，您可以在其中向某人发送消息。消息发送后，弹出窗口关闭。我想查看 Firefox Developer 窗口中发出的请求，但它会在弹出窗口关闭时关闭。有没有办法保持弹出窗口打开或保持开发工具打开？这个问题与有关 Chrome 开发工具的问题类似。

当我尝试进入copy内部时,Chrome会抱怨setTimeout.

setTimeout(function () { copy('a') }, 0)

Uncaught ReferenceError: copy is not defined
    at <anonymous>:1:26

它也不适用于window范围.

setTimeout(function () { window.copy('a') }, 0)

Uncaught TypeError: window.copy is not a function

有趣的是,如果我保留引用copy并重用它,它就可以工作

cc = copy;
setTimeout(function () { cc('a') }, 0);

在Firefox中,它不会抛出任何错误,但即使使用保存的引用它也不起作用.

为什么copy功能不起作用setTimeout,这是一个错误吗？

我正在使用 Firefox，想要分析页面的请求/响应。

有没有办法在进入/打开页面（自动打开第二个选项卡）之前打开开发人员工具（ firefox-developer-tools ） - 即“网络”。

否则将无法正确跟踪流量。

我正在 Firefox 中调试 API 请求，我希望在开发人员工具的网络面板中过滤多个域。我可以使用 过滤一个域domain:domainname.com，但如何添加其他域？