尽管在非常复杂的 Firefox 上工作了很多年，但我总是喜欢简单的老式console.log调试。日志记录可以在事件发生时提供审计跟踪，并提供您可以与他人共享的文本。你知道chrome提供了monitorEvents和monitor ，以便每次发生事件或调用函数时都可以获取日志吗？
监控事件
将一个元素和一系列事件传递给monitorEvents以在事件发生时获取控制台日志：
// 监控窗口内的任何点击 监视器事件（窗口，“点击”） // 监听 body 上的 keyup 和 keydown 事件 monitorEvents(document.body, ['keyup', 'keydown'])
你可以传递一个事件数组来监听多个事件。如果您手动调用addEventListener ，记录的event代表您将看到的相同事件。
监控函数调用
monitor方法允许您监听特定函数的调用：
// 定义一个示例函数
函数 myFn() { }
// 监控它
监视器（myFn）
// 用法一：基本调用
我的Fn（）
// 调用函数 myFn
// 用法 2：参数
我的Fn(1)
// 使用参数调用的函数 myFn：1
我真的很喜欢你可以提供的参数，这非常适合检查。
我通常选择日志点而不是在代码中嵌入console语句，但是monitor和monitorEvents提供了两者的替代方案。
通过控制台监控事件和函数调用的帖子首先出现在David Walsh 博客上。
