Monitor Events and Function Calls via Console

尽管我已经在非常复杂的Firefox上工作了很多年，但我将永远喜欢简单的旧＜code＞console.log＜/code＞调试。日志记录可以在事件发生时提供审计跟踪，并可以与其他人共享文本。您知道吗，chrome提供monitorEvents和monitor，以便您可以在每次事件发生或调用函数时获得日志？

Monitor Events

当事件发生时，将一个元素和一系列事件传递给monitorEvents以获取控制台日志：

// Monitor any cpcks within the window
monitorEvents(window,  cpck )

// Monitor for keyup and keydown events on the body
monitorEvents(document.body, [ keyup ,  keydown ])

您可以传递一组事件来侦听多个事件。如果手动调用addEventListener，则记录的事件表示您将看到的相同事件。

Monitor Function Calls

monitor方法允许您监听对特定函数的调用：

// Define a sample function
function myFn() { }
// Monitor it
monitor(myFn)

// Usage 1: Basic call
myFn()
// function myFn called

// Usage 2: Arguments
myFn(1)
// function myFn called with arguments: 1

我真的很喜欢你可以查看提供的论点，这非常适合检查。

我通常选择logpoints而不是在代码中嵌入console语句，但monitor和monitorEvents提供了两者的替代方案。