Chrome：console.log、console.debug 不工作

Posted 2023-02-14

技术标签:

【中文标题】Chrome：console.log、console.debug 不工作【英文标题】：Chrome: console.log, console.debug are not working 【发布时间】：2013-09-16 14:24:54 【问题描述】：

Console.log 和调试不打印，只返回未定义。为什么会这样？我已经尝试重新安装 chrome，但它没有帮助。

这是 chrome 主页的截图，所以有些代码没有重新定义函数

【问题讨论】：

确保您在过滤器字段中输入了一些值。对于使用 Flask 进行 Web 开发的任何人：我遇到了同样的问题 - 将 console.log 语句添加到我的 javascript 中，但控制台中没有显示任何内容。问题原来是由于浏览器缓存......它没有看到我添加的日志语句。解决方案是硬刷新（在 Windows 上是 CTRL+F5 而不是 F5）。希望能帮助遇到同样问题的其他人！我不小心在过滤器字段中有一些文字 2021 仍然是同样的问题。所以每次我想 console.log 我需要按 Ctrl+F5 。 有时网站会覆盖默认（窗口）console.log :) 【参考方案1】：

单击“默认级别”并确保选中“信息”。默认情况下它只设置为显示错误和警告

我也遇到了同样的问题：/

【讨论】：

谢谢...我只是觉得新版chrome不好用！ @NikhilPatil 一点也不傻。这只是一个糟糕的默认设置。我也觉得自己很蠢。我什至报告了一个问题，Chrome 开发者工具无法正常工作。只是对更高版本的 Chrome 的注释：现在它看起来像是顶部的下拉菜单，您需要将其更改为“详细”以查看所有内容。这解决了我稍有不同的错误：前一天我不小心在“过滤器”框（级别下拉列表旁边）输入了一些内容。【参考方案2】：

为了完整起见：在当前版本的chrome中，该设置不再位于底部，而是可以在单击控制台选项卡顶部的“过滤器”图标时找到（左起第二个图标）

【讨论】：

【参考方案3】：

截至今天，Google chrome 中开发人员工具的 UI 已更改，我们选择控制台中显示的日志语句的日志级别。 “过滤器”文本框旁边有一个日志记录级别下拉菜单。支持的值为Verbose、Info、Warnings 和Errors，其中Info 是默认选择。

任何严重性等于或更高的日志都将显示在“控制台”选项卡中，例如如果选择的日志级别为Info，那么所有级别为Info、Warning 和Error 的日志都将显示在控制台中。

当我将其更改为 Verbose 时，我的 console.debug 和 console.log 语句开始出现在控制台中。在选择Info 级别之前，它们没有显示出来。

【讨论】：

【参考方案4】：

同样的问题，但我刚刚清除了我的设置。我进入设置>首选项并单击[恢复默认值并重新加载]。请记住您的设置。

【讨论】：

我花了几天时间调试这个问题，这个解决方案就像魔术一样！我用过这个，但我在网络下勾选了禁用缓存，然后就可以了我花了 3-4 个小时试图弄清楚为什么 Next.js 在为一项新工作进行技术任务时没有在客户端运行任何代码，结果证明这就是全部错误的。我不知道为什么它被打破了，但 SO 帖子可能让我获得了一份出色工作的机会如果找不到这些设置，请在开发工具中按 F1。【参考方案5】：

确保“过滤器”输入留空，并且没有故意或错误地写入任何内容。我的情况就是这样：P

【讨论】：

它会在会话中记住这一点 - 也让我感到困惑。就是这样！谢谢【参考方案6】：

我遇到了同样的问题。我的解决方案是禁用 Firebug，因为 Firebug 在后台拦截日志，导致 Chrome 控制台中不显示任何日志。

【讨论】：

【参考方案7】：

也可能有一些过滤器应用于控制台。删除它们。

【讨论】：

【参考方案8】：

截至 2020 年 7 月，Chrome 用户界面再次发生变化，日志记录级别下拉菜单现在似乎没有任何作用。

相反，主控制台窗格的左侧有一个新窗格，它可能无意中设置为限制性日志记录级别之一：

选择顶部类别（消息）以显示所有日志记录：

编辑：即使 Chrome 似乎在过滤器框中添加了一些东西，这又会丢失一些日志记录，因此您也必须清除过滤器框！

（过滤框在我上面两张照片的顶部，在“网络条件”下；你可以看到它有一些关于“urlwebpack”的内容，我没有放在那里！）

【讨论】：

THE 新答案。不应该这么难ಠಿ_ಠ【参考方案9】：

在我的例子中，webpack 的 UglifyPlugin 使用 drop_console: true 设置运行

【讨论】：

我也有同样的问题。 uglify 正在删除日志记录。谢谢一旦站点脚本这样删除它，是否可以恢复它？【参考方案10】：

如果您看到（过滤器隐藏了 3 条消息。显示所有消息。）然后单击 Chrome 开发工具控制台中的显示所有消息链接。

因为如果错误启用此选项，console.log("") 消息会显示，但它会处于隐藏状态。

【讨论】：

【参考方案11】：

我正在一个网站上工作，其中一些 JS（或其他）代码阻止 console.log 工作（console.log 可能被覆盖）。您可以通过检查 console.log 是否适用于不同的页面（例如这个页面）来测试这一点。

我现在没有时间进一步调查，所以使用 alert("something is: "+something) 从我需要运行的 sn-p 获取我想要的信息。

【讨论】：

forum.xda-developers.com 是禁用console.log 的著名站点的示例。【参考方案12】：

选择详细为我修复了它

【讨论】：

【参考方案13】：

点击过滤器旁边的“默认级别”，并确保选中“信息”。

请看截图：

【讨论】：

这只是复制了the accepted answer 的截图。您可以通过建议对当前接受的答案进行编辑以包含您的屏幕截图来做出更好的贡献。【参考方案14】：

就我而言，保留日志可以解决问题。我尽一切努力显示日志，但它消失了。我检查了它，它可以工作，

【讨论】：

【参考方案15】：

有时最简单的事情会让我们失望......

在控制台中输入console.log 并检查返回的函数。如果您看到ƒ log() [native code] ，那就是另外一回事了。如果您看到ƒ ()，则说明本机console.log 函数已更改。

今天在客户的网站上工作，这就是问题所在。如果是这种情况，您可以手动恢复 console.log 功能，也可以改用 console.dir() 或 console.warn()。

如果您看到ƒ ()，则有时控制台可能会由于您在 javascript 中添加的某些功能而停止工作。因此，首先关闭所有选项卡重新启动 chrome，然后在新选项卡中输入 typ1 console.log('hi');，如果打印出来，则确认问题存在于您的脚本代码中。如果没有，则恢复 cosole.log。

要在新选项卡中恢复控制台，请转到控制台并键入 delete window.console，然后重新启动 chrome 后将返回 true，一切顺利。

【讨论】：

在我的情况下，它是第 3 端广告脚本，它正在阻止控制台，然后尝试加载广告，然后恢复控制台，但广告被 CORS 阻止，并且没有发生 console.log 恢复跨度> 【参考方案16】：

在我的例子中，它只是一个旧的缓存 Javascript 文件。清除缓存后，我看到了我的日志。

【讨论】：

【参考方案17】：

在我的情况下，我无法看到日志，因为过滤器字段中有一些文本，导致 console.log 的结果消失。一旦我们清除过滤器字段中的文本，它应该会显示出来。

【讨论】：

谢谢 - 帮我修好了！【参考方案18】：

查看控制台的过滤框是否显示某些内容，这意味着某些内容会覆盖您的脚本清除过滤器框并再次检查。我的情况就是这个问题。

【讨论】：

【参考方案19】：