如何访问firefox web console命令历史记录?

时间:2013-12-11 16:29:07

标签: google-chrome firefox

在Google Chrome devtools中访问最后30个(!)javascript控制台命令相当容易:

取消销毁devtools并在其中按Ctrl + Shift + I来检查devtools本身。

在新的devtools窗口中,在控制台中键入以下命令:

> location.origin
"chrome-devtools://devtools"
> JSON.parse(localStorage.consoleHistory).join('\n')
"inp.style.backgroundColor = "rgb(250, 0, 250)"
inp.style.backgroundColor = "rgb(250, 255, 250)"
...
inp.style.backgroundSize
inp.style.backgroundColor"
> JSON.parse(localStorage.consoleHistory).length
30

如何在Firefox中使用等效功能?

我不介意它的命令历史记录比谷歌浏览器更长。

那个pastebin的回答只适用于一天。所以在这里再次感谢@msucan!

function getWebConsolePanel(tab) {
    var gDevTools = Cu.import("resource:///modules/devtools/gDevTools.jsm", {})\
.gDevTools;
    var tools = Cu.import("resource://gre/modules/devtools/Loader.jsm", {}).dev\
tools;
    var target = tools.TargetFactory.forTab(tab || gBrowser.selectedTab);
    var toolbox = gDevTools.getToolbox(target);
    var panel = toolbox.getPanel("webconsole");
    return panel;
}

getWebConsolePanel();

1 个答案:

答案 0 :(得分:1)

  1. 按F12打开开发人员工具箱(例如,Web控制台),然后按
  2. 切换到“选项”面板。
  3. 启用Chrome调试。
  4. 打开Scratchpad(Shift-F4)。
  5. 复制/粘贴此代码:https://pastebin.mozilla.org/3757211
  6. 转到环境>浏览器。
  7. 选择执行>显示或检查。
  8. 现在,您将看到当前所选标签的Web控制台历史记录。