某些脚本会修改 DOM 的一部分，不确定修改的是哪部分？甚至不确定是什么时候修改的？添加一个 DOM 断点。你就可以监听到节点被添加或者移除，或属性被改变。
在页面重新加载时会记住断点。当你设置了一个，或者好几个断点的时候，你可能忘记它们所附的位置。怎么找它们呢？为了达到这个目的，Elements 视图中有视觉提示，Sources 中也有专用列表。
不要担心你添加了断点的元素被隐藏在一些折叠起来的父级元素中 - 他们会在 Element 中用高亮展示出来。
这个提示与 DevTools 并不完全相关，但由于它是一个对前面提示的扩展，希望你能原谅这些题外话。
无论如何，你知道 MutationObserver 吗？ 它只是浏览器 API 的一部分，它允许像前面提到的 DOM 断点一样监听 childList , attributes 和 subtree类似的更改
但是这次是从你的 JavaScript 代码中。并且得到了良好的支持，即使是在 IE11 中。
当你想捕获已发送的 “ajax” 请求中的特定时刻， 可以使用 XHR/fetch breakpoint。这些只能在 Source 面板中设置。（我也同样希望在 Network 面板中可以设置，但事实并非如此）
您可以添加部分 URL 作为触发器或监听任何请求：
