google-chrome-extension - 如何从 devtools 页面登录到 Devtools 控制台？

Question

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

console.log('started...')

在 manifest.json 中，我有:

"devtools_page": "devtools.html"

但是，当我运行扩展程序并打开 DevTools 窗口时，我看不到日志。如果我在 script.js 中抛出错误，我可以看到错误发生在 chrome://extensions 页面中，所以我知道该脚本已加载。但是，该日志没有出现在任何地方。开发工具页面的日志不是应该出现在开发工具窗口中吗？

Answer 1

查看console.log()消息

• 将开发工具取消停靠到单独的窗口中(在开发工具工具栏中，三点菜单)
• 聚焦开发工具窗口
• 按 CtrlShifti 或 CmdShifti 打开devtools-on-devtools，您将在其中看到输出

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

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