查找修改了 html 元素的 jquery 函数答案

【问题标题】：Find the jquery function who did modify a html element查找修改了 html 元素的 jquery 函数
【发布时间】：2016-05-02 23:11:22
【问题描述】：

我正在调试一个带有 href 标记的网站。该 url 在 dom 中被删除，但在源中它仍然在那里..

有没有我可以点击标签（搜索的起点）并在谷歌浏览器工具栏中查看哪个功能修改它？（即使是听众>改变也不是显示谁在现在的状态下改变了它）

我在库中搜索，但大约有 32 个文件：我找不到它。 Google 没有帮助 ether 找到解决方案.. ...

【问题讨论】：

您能说得更准确些吗？ “在源头中它仍然在那里”是什么意思？此外，有关代码的更多详细信息将有助于了解您要解决的问题。
您可以尝试在此线程的答案中调整脚本：stackoverflow.com/questions/9687593/…
我认为您最好只搜索.attr('href'、.prop('href' 或'href' 的源代码（也可以尝试双引号）。另一种选择是在 chrome 调试器中添加断点或逐步执行 javascript..
如果源是指页面源代码（CTRL/CMD + U），JS对此没有影响。另外，请注意，inspector 中显示的 dom 并不总是反映现实。
在源代码中的 dom "Products" 中是 "Products" 所以href被删除了...我找不到删除href的函数。是否可以看到更改该标签的href的更改/堆栈@FLX看起来像是一个想法，但还没有实现。在脚本行上给我一个错误，而不是谁更改它..

【解决方案1】：

您可以使用 chrome 开发者工具在 HTML 上设置断点。有一个选项可以让您break on subtree modification，这将导致浏览器中断 JS 的行，从而导致对 html 的修改。

打开开发人员工具并导航到元素选项卡，找到您要查看的 html 元素，右键单击其父元素并选择 break on -> subtree modification 以使 chrome 在您的 js 中的断点处停止子元素添加/删除/修改。

编辑：

【讨论】：