一旦页面上发生操作，确定哪些元素内部发生了变化？

Question

我正在尝试对网站上的某个功能进行逆向工程，并且我正在尝试跟踪按下某个按钮时发生的事件（添加的类或更改的属性）。我在代码中找不到任何相关的东西，那么有没有办法在浏览器中查看这个，可能是通过 Chrome 开发工具？

Answer 1

根据您想要处理的更改类型，您可以为 DOM 修改或事件侦听器设置自动断点。如覆盖on the developers.google.com：

设置 DOM 更改断点：

• 点击开发工具中的元素标签。
• 转到要设置断点的元素。
• 右键单击元素。
• 将鼠标悬停在Break on上，然后选择子树修改、属性修改或节点删除。

本文还涵盖了所有其他可能的自动断点设置可能性，因此请务必检查其余部分。