qq_35876316的博客

在 DOM 检查器中时，按 ctrl+\ （Chrome/Windows） 可随时暂停 JS 执行。这使您可以检查 DOM 的快照，而不必担心 JS 更改 DOM 或事件（例如鼠标悬停）导致 DOM 从您下方发生变化。

在Chrome DevTools的命令行接口中，monitor()方法可以用来监听任何传入的方法。当方法被执行时，会在控制台(console)中打印出来，包括调用的函数名以及给相应函数传递的参数。例如，如果你有一个函数getName()，并使用来监听它，那么每次直接或间接调用getName()时，都会在控制台中输出日志。您可以使用 Chrome 的命令行方法轻松跟踪对类方法的所有调用。例如，给定一个类DogDog。

当您具有具有可选参数的重载函数时，这很有用。

假设你有一个显示加载微调器的函数和一个隐藏它的函数，但你在代码中的某个位置调用 show 方法，而没有匹配的 hide 调用。但是，我们可以使用条件断点在任何浏览器中模拟它们。您不应该使用条件断点评估时间等内容来混淆性能分析，但如果您想快速而肮脏地测量运行时间，则可以在条件断点中使用控制台计时 API。在起点中，使用条件设置断点，在终点使用条件设置断点。然后添加您的监视表达式，例如，记录 DOM： 的快照。现在，在修改任何 DOM 子树之后，调试器将暂停执行，新的 DOM 快照将位于数组的末尾。