为什么 Chrome devtools 扩展的控制台没有日志？

【问题标题】：Why no logs in the console for Chrome devtools extension?为什么 Chrome devtools 扩展的控制台没有日志？
【发布时间】：2016-05-16 11:02:46
【问题描述】：

我正在创建Chrome devtools extension。我做了一个简单的 devtools 页面：

<!DOCTYPE html>
<html>
<body>
  Foobar. <script>console.log('foobar');</script>
</body>
</html>

我在 manifest.json 中指定 "devtools_page": "dev-tools.html"。但是，控制台中不会打印任何内容。这是为什么呢？

【问题讨论】：

【解决方案1】：

By default，内联脚本不会被执行。您可以将脚本提取到外部 js 文件中，并使用 <script></script>
分离 F12 工具并按 Ctrl+Shift+J(Windows) 以查看您的控制台（快捷键here）。您可以从这个答案中找到更多详细信息：Chrome devtools extension console

【讨论】：

谢谢。 1 和 2 都是必需的。 1 之后，我登录到开发工具本身的控制台，这听起来很元，但是，嘿。我不得不将开发工具分离到它自己的窗口中，然后使用 Ctrl + Shift + J 打开控制台 ... 用于控制台。