Chrome:console.log,console.debug无法正常工作


160

Console.log和debug不打印,仅返回undefined。为什么会这样呢?我尝试重新安装chrome,但这没有帮助。

这是chrome主页的屏幕截图,因此某些代码未重新定义功能 console.log不起作用


2
确保在过滤器字段中输入了一些值。
伊万·费雷尔

对于使用Flask进行Web开发的任何人:我都遇到了同样的问题-在我的Javascript中添加console.log语句,但控制台中没有任何显示。问题原来是由于浏览器缓存所致……没有看到我添加的日志语句。解决方案是强制刷新(在Windows上为CTRL + F5而不是F5)。希望能帮助其他人解决同样的问题!
乔尔·威格顿

我不小心在过滤器字段中输入了一些文字
奥利弗·沃特金斯

Answers:


310

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

我来到这里有同样的问题:/


3
谢谢...我只是以为新版本的chrome无法正常运行!
马云

13
@NikhilPatil一点也不傻。那只是一个糟糕的默认设置。
corbin

我也感到愚蠢,甚至报告了一个问题,即chrome开发人员工具无法正常工作。
sudhAnsu63 2013年

同样适用于较新的版本:如果禁用了javascript,则输入后控制台将变为空白。不会告诉你问题出在哪里。在该站点上启用javascript确实会再次启用控制台。
hakre 2014年

5
只是对更高版本的Chrome的注释:看起来好像是顶部的下拉菜单,您需要将其更改为“详细”以查看所有内容。
GreatBlakes

52

出于完整性考虑:在当前版本的chrome中,该设置不再位于底部,而是可以通过单击控制台选项卡顶部的“过滤器”图标(位于左侧的第二个图标)找到


33

截至今天,我们在Google chrome中更改了开发人员工具的界面,在这里我们选择了控制台中显示的日志语句的日志级别。“过滤器”文本框旁边有一个日志记录级别下拉列表。支持的值是VerboseInfoWarningsErrorsInfo被默认选择。

在此处输入图片说明

严重性等于或更高的任何日志都会显示在“控制台”选项卡中,例如,如果所选日志级别是Info所有级别为的日志InfoWarning并且Error会得到显示在控制台中。

当我将其更改为时,Verbose我的console.debugconsole.log语句开始出现在控制台中。直到Info选择了时间级别,他们都没有显示出来。


13

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


11

同样的问题,但我只是清除了设置。我进入设置>首选项,然后单击[恢复默认值并重新加载]。只要记住您的设置即可。

在此处输入图片说明


我花了几天时间调试此问题,并且此解决方案像魔术一样起作用!
阿里亚

我使用了此功能,但是我勾选了禁用网络下的缓存,然后起作用了
dave

我花了3-4个小时的时间来弄清楚为什么Next.js在为一项新工作进行技术分配时没有在客户端运行任何代码,事实证明这就是错误的。我不知道为什么会被打碎,但SO帖子可能挽救了我获得一份出色工作的机会
DanielM


4

就我而言,是Webpack的UglifyPlugin与drop_console: trueset 一起运行


1
我也有同样的问题。uglify正在删除日志记录。谢谢
克里希纳·维杜拉

一旦站点脚本将其删除,是否可以还原它?
PSkocik


3

我正在某个站点上某些JS(或其他)代码console.log无法正常工作(console.log可能已被覆盖)。您可以通过检查是否console.log可以在其他页面(例如此页面)上进行测试。

我现在没有时间进一步调查,因此习惯alert("something is: "+something)从需要运行的代码段中获取所需的信息。


forum.xda-developers.com是禁用的著名站点的示例console.log
丹·达斯卡斯库


2

如果您正在查看(3条消息被过滤器隐藏。显示所有消息。),然后在Chrome开发者工具控制台中单击“显示所有消息”链接。

因为如果错误地启用了此选项,console.log("")则将显示消息,但消息将处于隐藏状态。


2

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

请看截图:

在此处输入图片说明


这只是将接受的答案与屏幕截图重复。建议对当前接受的答案进行修改以包括您的屏幕截图,从而做出更好的贡献。
faintsignal

2

就我而言,保留日志就可以解决问题。我已尽一切努力来显示日志,但是它消失了。我检查了一下,它起作用了,

在此处输入图片说明



1

就我而言,我无法看到日志,因为“过滤器”字段中有一些文本,这导致console.log的结果消失了。清除“过滤器”字段中的文本后,它就会显示出来。


谢谢-帮我解决!
托尼·


0

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

console.log在控制台中键入并检查返回了什么函数。如果您看到了,ƒ log() { [native code] }那就别的了。如果看到的ƒ (){}话,本机console.log函数已更改。

今天在客户的网站上工作,这就是问题所在。在这种情况下,您可以手动还原console.log函数,也可以使用console.dir()或console.warn()。



0

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


0

截至2020年7月,Chrome浏览器用户界面再次发生了变化,日志记录级别下拉菜单现在似乎什么也没做。

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

在此处输入图片说明

选择顶部类别(消息)以显示所有日志记录:

在此处输入图片说明

编辑:即使如此,Chrome似乎也会在“过滤器”框中添加内容,这又会丢失一些日志记录,因此您必须也清除“过滤器”框!

(“筛选器框”是我上面两张图片的顶部,在“网络条件”下;您可以看到其中包含一些关于“ urlwebpack”的内容,而我没有放在其中!)

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.