找出哪些 JavaScript 代码更改页面中特定 html 内容的最佳方法是什么?

What's the best way to figure out which javascript code that change specific html content in page

本文关键字：html 最佳 是什么 方法 JavaScript 代码      更新时间：2023-09-26

我的网页中有<p>标签，我正在尝试找出在此元素中添加文本的哪个JavaScript函数，Chrome中是否有任何特定方法可以在此标签上添加侦听器以找出在此标签上写入的脚本？

最直接（低噪音）的方式使用同步暂停，让你在整个调用堆栈中四处闲逛：

  1. 打开 chrome 的开发工具。
  2. 右键单击开发工具"元素"选项卡中的元素以显示上下文菜单
  3. 选择"中断于...">子树修改。

一旦元素的"innerHTML"更改，脚本执行将暂停，您可以在"源"选项卡中查看整个调用堆栈，包括请求DOM更改的任何函数。

某些 DOM 修改（如动画库）可以使用setTimeout或回调来丢弃导致更改的大部分调用堆栈，在这些情况下，Profile 可能更有趣，因为动画函数应该像"重"视图中的拇指一样突出。

相关文章：