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

Question

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

console.log('started...')

在manifest.json中，我有：

"devtools_page": "devtools.html"

但是，当我运行扩展并打开 DevTools 窗口时，我看不到日志。如果script.jsthrow中出现错误，我可以看到页面中发生了错误，所以我知道该脚本已加载。但是，该日志没有出现在任何地方。开发工具页面的日志不是应该出现在开发工具窗口中吗？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)})`);