在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();
2条答案
按热度按时间klsxnrf11#
1.按F12打开开发人员工具箱（例如Web控制台），然后
1.切换到“选项”面板。
1.启用Chrome调试。
1.打开高速暂存（Shift-F4）。
1.复制/粘贴此代码：https://pastebin.mozilla.org/3757211
1.转到环境〉浏览器。
1.选择执行〉显示或检查。
现在，您将看到当前选定选项卡的Web控制台历史记录。
ccgok5k52#
根据@msucan的回答更新了说明
1.按F12打开Web控制台
1.打开开发人员工具设置（F1）
1.选中“启用浏览器镶边和加载项调试工具箱”和“启用远程调试”
1.打开Browser Toolbox（
Ctrl-Alt-Shift-I）并单击“确定”。1.复制/粘贴此代码：
(await getWebConsolePanel()).hud.ui.wrapper.getStore().getState().history.entries;(note：Web主控台必须在“开启”标签上开启）
相关链接：
第一个
如何从控制台面板获取历史记录
getHistoryEntries函数定义