Chrome 开发者工具的 console中的filter怎么使用?

Question

感觉无数次了,每次想用这个东西过滤一些数据的时候都没能成功，所以今天想来问一下，最开始以为是这个东西会像一个"搜索"(ctrl+f) 这样的工具 直接高亮显示出需要过滤的内容，但是实际却从来没使用出来,像各位大佬指教T_T

Answer 1

你可以再filter框里输入Verbose Info Warnings Errors，你就知道什么意思了。
同时也可以查找输出信息（过滤掉输出中-不包含filter输入框中内容-的输出）

Answer 2

可以尝试在控制台输入以下代码：

console.log('a');
console.log('abc');
console.log('d');

然后回车运行。
在Filter输入框中分别输入'a', 'b','d';查看变化。

Answer 3

就是用来过滤显示哪些类型的信息：

前面勾选的，就是要显示的，没有勾选的，就会隐藏不显示打印的信息

Answer 4

三种使用方式：

1. 查找需要的内容
   在Filter文本框中直接输入需要匹配的关键词，如“hello”，控制台日志就会只显示包含“hello”的记录。
2. 屏蔽不想看的内容
   比如不想看到包含“hello”的日志，输入“-hello”即可排除。
3. 正则高级过滤
   如果有更复杂的需求，可以输入“/hello\s+\w+/”之类的正则表达式，语法和JavaScript的相同。需要排除正则匹配结果的话，同样在前面加减号：“-/hello\s+\w+/”
   参考：https://stackoverflow.com/que...

Answer 5

如果要屏蔽某个文件的log信息，可以用下面这个方法：