Chrome DevTools API的控制台日志

Question

我正在使用 "chrome.devtools.panels.create" API 扩展 Google Chrome，这意味着现在浏览器中有一些需要调试的逻辑。

是否有办法查看控制台日志或调试我的 DevTools 扩展？

- user1450553

---

我知道你可以使用 Ctrl Shift J（控制台的键盘快捷键）在现有的开发工具窗口上打开一个新的开发工具窗口。看看这是否有帮助。 - sachleen

Ctrl Shift J确实很有帮助，谢谢！ - user1450553

该死！这个技巧以前可行，但最近的Chrome更新禁用了它。 - user1450553

仍然对我有效。在现有的开发工具上打开一个新的开发工具窗口。 - sachleen

很好，这确实有帮助——因此总结一下：1. 分离窗口 2. F12。 - user1450553

Answer 1

如果你只需要使用 console.log，你可以对其进行包装。实际上，这个方法适用于任何其他函数，而不仅仅是 console.log，以下是一个包装 console.log 的示例：

console._log = console.log;
console.log = function(){ 
    // you can do whatever you want with arguments, output to div, alert / etc.
    return console._log.apply(console,arguments); 
};

- Silviu-Marian

Answer 2

您需要在检查窗口中评估一个脚本： chrome.devtools.inspectedWindow.eval('console.log("test")')

请注意，此处保留了HTML标签。

- jdprc06