您看错地方了。这些控制台消息不会出现在网页中，而是出现在不可见的背景页（ManifestV2）或服务工作进程（ManifestV3）中。
要查看正确的控制台，请打开devtools以查看后台脚本的上下文：
1.访问chrome://extensions/或右键单击扩展图标并选择“管理扩展”。
1.启用开发人员模式
1.按一下名为background page（信息清单V2）或service worker（信息清单V3）的链接。
ManifestV2扩展的屏幕截图：

ManifestV3扩展的屏幕截图：

我遇到了同样的问题，在我的例子中，在Chrome开发者工具的控制台选项卡中，日志记录被设置为“隐藏所有”。我甚至没有意识到这是一个选项，我不记得我关闭了它

对于那些希望看到chrome扩展的“内容脚本”的调试控制台的追随者来说，可以通过执行一个普通的“显示开发者控制台”，然后使用下拉箭头选择它的“javascript环境”，然后你就可以访问它的方法，等等。

另外地
如果要查看manifest.json中content_script js文件（未设置“background”属性时）

"content_scripts": [{
    "matches": ["<all_urls>"],
    "js": ["popup.js"],
  }]

"browser_action": {
    "default_icon": "icon_32.png",
    "default_popup": "popup.html"
  }

然后右键单击扩展图标，并单击检查弹出窗口，此时开发人员窗口打开popup.html，您将看到控制台选项卡

与Michiel的回答类似，我也有一个有趣的控制台配置：我不记得设置的过滤器：

清除过滤器后，我看到了消息。

我也遇到了这个问题。看起来我的网页没有更新到新保存的脚本。这是通过在chrome浏览器中按Ctrl +刷新（或Ctrl + F5）解决的。

如果我们想从弹出页面中读取打印到控制台的消息，我们可以单击扩展图标打开弹出页面，然后在弹出页面的任何地方右键单击，将显示一个下拉菜单，我们只需单击“检查”菜单打开开发者工具。请注意，弹出页面必须保持打开状态。如果它被关闭（通过window.close（）），开发者工具也将关闭。

其他答案适用于background.js，但如果您要从弹出窗口中查找console.logs，则可以尝试：

var bkg = chrome.extension.getBackgroundPage();
bkg.console.log('foo');

我用cra开发，这对我很有效。

对于开发Firefox扩展的用户：
TL;DR版本：您需要使用Ctrl+Shift+J调出浏览器控制台窗口，然后单击右上角的设置图标，并确保选中“显示内容消息”。
一个相关stackoverflow问题的详细解释：How do I see the console.log output of a background script in a Firefox WebExtension?