【问题标题】:How to access firefox web console command history?如何访问 Firefox Web 控制台命令历史记录?
【发布时间】:2013-12-11 16:29:06
【问题描述】:

在 Google Chrome 开发工具中访问最后 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();

【问题讨论】:

    标签: google-chrome firefox


    【解决方案1】:
    1. 按 F12 打开开发者工具箱(例如 Web 控制台),然后
    2. 切换到“选项”面板。
    3. 启用 chrome 调试。
    4. 打开便签本 (Shift-F4)。
    5. 复制/粘贴此代码:https://pastebin.mozilla.org/3757211
    6. 转到环境 > 浏览器。
    7. 选择执行 > 显示或检查。

    现在您将看到当前选定选项卡的 Web 控制台历史记录。

    【讨论】:

    • 感谢您的回答!对于 Display 我只得到 /* */ 。对于Inspect,我得到一个带有预期历史记录的面板,我无法复制/粘贴这些元素的文本。所以我无法真正了解那段历史。有没有办法将这些条目打印到控制台或 HTML div 等?
    • 是的。 getWebConsoleHistory().toString() 然后 Display 选项将为您提供字符串化的数组元素。
    • pastebin 链接已失效
    猜你喜欢
    • 2015-05-11
    • 2016-01-13
    • 2017-06-20
    • 2021-04-16
    • 1970-01-01
    • 2017-02-23
    • 2013-09-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多