如何从devtools页面登录DevTools控制台？

Question

我有一个 devtools.html 文件，该文件具有 script.js ，其中包含：

console.log('started...')

在 manifest.json 中，我有：

"devtools_page": "devtools.html"

但是，当我运行扩展程序并打开DevTools窗口时，看不到日志。如果我在{em> script.js 中throw错误，则可以在chrome://extensions页面上看到该错误，因此我知道该脚本已加载。但是，该日志不会出现在任何地方。 devtools页面的日志不是应该显示在DevTools窗口中吗？

Answer 1

查看console.log()条消息

• 将devtools停靠到一个单独的窗口中（在devtools工具栏上的三点菜单中）
• 焦点devtools窗口
• 按 Ctrl Shift i 或 Cmd Shift i < / kbd>打开 devtools-on-devtools ，您将在其中看到输出

使用chrome.devtools.inspectedWindow.eval在网页控制台中输出：

const foo = {bar: 123};
chrome.devtools.inspectedWindow.eval(`console.log(${JSON.stringify(foo)})`);