在控制台窗口中隐藏警告消息

时间:2017-05-17 15:15:43

标签: google-chrome

Chrome控制台窗口中充满了我想要隐藏的警告消息。 是否可以隐藏警告日志? 我只想显示自定义日志,例如的console.log(' mymessage&#39);

这是控制台窗口栏的样子:

enter image description here

6 个答案:

答案 0 :(得分:7)

enter image description here

在控制台日志的顶部栏,您可以选择要显示的消息类型。

默认情况下会选择

全部。选择错误以仅查看错误。

您可以按 ctrl + 点击选择多种讯息类型。

答案 1 :(得分:5)

就在最近有Chrome更新。现在可以过滤单个消息类型(详细,信息,警告,错误)! (我的版本:版本60.0.3112.90)

打开控制台时,您现在可以选中或取消选中每种消息类型,而不是选择"过滤级别&#34 ;.

Screenshot of Console in Chrome

答案 2 :(得分:1)

首先:如果您使用的是Microsoft Edge,则可以隐藏所有警告并仅显示console.log输出。在控制台中,有几个图标表示您可能正在使用的不同级别的日志输出 - 错误,警告和信息。如果您只想隐藏警告,只需将警告图标切换为关闭。

此外,如果您使用的是Firefox,则可以将日志设置为仅显示信息,在这种情况下,警告也将被隐藏。

接下来,详细说明另一个答案,并以答案的形式表达我所说的内容(在我的评论中):

对于chrome,您无法单独关闭特定级别(较新版本的Chrome)。相反,您必须为日志设置总体详细级别。通过使用最严格的级别(即显示最少的级别),您可以最小化由未写入的部分代码创建的控制台消息。在这种情况下,这是error级别。

如果您只是为了测试目的而隐藏警告消息,您可以暂时切换到仅error级别的日志消息。在制作中,这是良好做法,因为它不能让您区分有用的信息日志消息或实际错误。

要将邮件记录为错误,请使用:

console.error('mymessage');

然后,如上所述,您可以将控制台输出的级别更改为错误,这只会显示错误消息。它将忽略console.log以及任何警告消息。

当您完成工作的开发阶段时,请务必将对console.error的调用更改回console.log,对于您正在调用console.error的任何实例,并提供一些消息没有描述错误。

现在,如果由于您在代码中所做的事情而收到警告,您可能需要花时间尝试纠正导致出现这些警告的任何内容。警告通常都经过深思熟虑,可以帮助您防止代码中您可能不知道的问题。纠正代码中的任何问题也会导致警告消息消失。

注意:您无法告诉控制台仅显示您打印出来的消息,即使在您设置控制台的详细程度也是如此。这是因为控制台无法知道您要注销哪些语句,以及其他人编写的正在运行的网页代码正在注销。本答案中提到的步骤以及其他步骤变通办法可能会改善您的情况。

更新:Chrome似乎已经重新启用了单独启用/禁用不同级别的控制台日志记录的功能。现在,当单击日志级别时,您可以切换是启用还是禁用某些日志级别。

答案 3 :(得分:1)

从2019年12月开始,Chrome版本为78,单击“控制台”选项卡中的“默认级别”下拉菜单,然后选中并取消选中要在此处显示的消息类型。 enter image description here

答案 4 :(得分:0)

在控制台选项卡下,现在可以突出显示消息类型作为常规过滤器。眼球旁边还有一个过滤器盒。因此,如果您在console.log中放置一个唯一标志,那么它将仅显示带有该标志的消息。

但是总的来说。我认为您想单击下面突出显示的“信息”项,只是获取console.log消息 screenshot showing console 'info' selection

答案 5 :(得分:0)

过滤器旁边有一个下拉菜单,您可以在其中仅选择所需的内容。

注意:ReactJS警告实际上以红色显示为错误。因此,要删除它们,您还需要取消选中错误。

enter image description here