在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中执行等效操作?
我不介意它的命令历史是否比Google chrome长。
该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();
现在,您将看到当前所选选项卡的Web控制台历史记录。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句