如何在Chromium开发者工具中查看Intersection Observer监听的所有元素

Chromium内核的开发者工具确实支持查看所有被Intersection Observer API监听的活跃DOM元素，具体操作步骤如下：

• 打开开发者工具（快捷键F12或Ctrl+Shift+I）
• 切换到Elements面板
• 在面板右侧的侧边栏里，找到Event Listeners标签（如果没显示，点击侧边栏右上角的>>按钮展开更多选项）
• 向下滚动找到IntersectionObserver选项并点击展开，这里会列出所有注册了该监听的DOM元素
• 点击列表中的元素，可直接跳转到Elements面板对应的DOM节点上

如果需要查看Observer的具体回调逻辑和配置参数，也可以通过Memory面板生成堆快照，然后在筛选框中输入IntersectionObserver，就能找到所有实例并查看其详细信息。

内容的提问来源于stack exchange，提问作者Eryk Wróbel