标签: firefox-developer-tools

我希望能够同时看到Firefox的开发人员工具的控制台和调试器选项卡.它们都应该与同一页面相关.我怎样才能做到这一点？

如何从Firefox 28.0中删除"Firefox Developer Tools"？是否有about:config永久删除它们的方法或脚本或选项？

我在开发人员工具中做了很多工作,并且喜欢在控制台中使用jQuery来运行代码片段.要将jQuery注入页面(和控制台),我将其粘贴到devtools控制台:

var j = document.createElement('script'); j.src = "//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"; document.getElementsByTagName('head')[0].appendChild(j);

有没有办法将jQuery自动注入开发人员工具控制台？理想的情况下,在不影响window.$或window.jQuery当前页面.

我想知道下面显示的序列是如何发生的.

这是有问题的功能:

WebSocketConnector.prototype.sendMessage = function(message) {
    if (socket !== null) {
        socket.send(message);
        console.log('Sent: ' + message);
    } else {
        alert('Failed to send message. WebSocket connection not established.');
    }
};

以下是调试此函数的调用时发生的情况:

1.从第32行开始.

2.继续前进到第33行.

3.再次步入,进入第34行.

再来一次,前进到36号线???

- >如何控制可能直接从if块的最后一行到else块的第一行？

一些重要的事实:

1. 这里没有遗漏的步骤.
2. 这真的发生了.
3. 我只是sendMessage从一个地方打电话,我正在记录这个电话.sendMessage日志中没有未计入的调用,因此我不认为异步是一种解释.
4. 我也尝试使用Firebug调试器做同样的事情,同样疯狂的事情发生了.

编辑/后随

如果我将一个console.log语句添加到else块的第一行(将警报按下到第37行),控件将从第34行直到第37行(跳过console.log语句).

此外,我应该提到,即使直接进入该代码,也不会出现任何警报.

编辑2

这是sendMessage函数的间距和CRLF :

我正在开发一个firefox插件.我已经尝试了很多用于JavaScript的IDE,最后得到了JetBrains WebStorm.但是当我在WebStorm中打开我的项目(大约1000行)时,它第一次向我展示了大约500个警告.大多数警告是"未解析的函数或方法"和"未解析的变量或类型".

例如,这2行包含4个警告:

let sss = Cc["@mozilla.org/content/style-sheet-service;1"].getService(Ci.nsIStyleSheetService);
sss.loadAndRegisterSheet(uri, sss.AUTHOR_SHEET);

1. getService(未解析的函数或方法)
2. nsIStyleSheetService(未解析的变量)
3. loadAndRegisterSheet(未解析的函数或方法)
4. AUTHOR_SHEET(未解决的变量)

现在我只是禁用了所有这些警告.但也许这不是解决问题的最佳方法？WebStorm中有用于jQuery,Ext JS,Prototype,Dojo等的"库".并且可以添加自定义JavaScript库.有没有办法添加/创建这样的自定义库？还是有另一种方法来处理所有这些警告而根本没有禁用它们？

PS有Komodo IDE提供这样的自动完成功能:

我想也许有人从Komodo IDE中提取它并将其添加到WebStorm作为库.

我试图在Firefox V30.0 Scratchpad中执行以下代码:

function do_something() {
  console.log(foo); // ReferenceError
  let foo = 2;
}
do_something();

预期的行为是我的程序应抛出引用错误,因为我在let声明之前访问变量.但是,我没有得到预期的行为,程序被执行,结果如下

undefined

你能解释一下,为什么表现如此？

Chrome有一个很好的功能,允许您在开发人员控制台中模拟设备.但是我喜欢用新的firefox(开发者版)打包的样式编辑器.我们如何模仿设备,就像我们可以在chrome中一样？

我知道Firefox提供了一种模拟悬停，活动和焦点过滤器的方法。

有什么方法可以模拟onmouseover高程？

我想一起模拟两个元素，这可能吗？

我没有为此目的找到任何扩展。先感谢您。

有谁知道如何console.log()在后台脚本中查看调用的输出？我可以在内容脚本中看到相同的输出.这是一个简单的脚本,我正在测试它:

这是我的background.js:

console.log("Message from background.js");

这是我的manifest.json:

{
    "name": "TestBed",
    "manifest_version": 2,
    "version": "1.0",

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

    "browser_action": {
        "default_title": "Click"
    },

    "applications": {
        "gecko": {
            "id": "testbed@example.com",
            "strict_min_version": "48.0a1"
        }
    }
}

我也在后台脚本中试过这个:

chrome.browserAction.onClicked.addListener(function() {
    console.log('Message from background.js onclicked handler');
});

我甚至像其他一些帖子所建议的那样卸载了Firebug,但这也没有任何区别(注意console.log内容脚本有效).

可能只有我一个人，但是我找不到在Firefox中获取DOM元素的XPATH的任何方法。

在Firebug中可以做到这一点，但现在不推荐使用Firefox开发人员工具，建议不要再使用它。

那么，有没有办法在Firefox及其开发人员工具中获取XPATH？