查找修改HTML元素的jQuery函数

Question

查找修改HTML元素的jQuery函数

jqueryhtmlgoogle-chrome-devtools

3

我正在调试一个网站，其中有一个href标签。虽然在DOM中删除了URL，但在源代码中仍存在。

有没有办法点击标签（搜索的起点），并在Google Chrome工具栏中查看哪个函数修改了它？（即使监听器>更改也不能显示现在状态下是谁进行了更改）

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

- user1859529

请问您能否更加具体一些？“在源代码中仍然存在”是什么意思？另外，提供更多关于代码的细节将有助于理解您试图解决的问题。 - Domenico De Felice

你可以尝试适应这个线程中回答的脚本：https://dev59.com/TWkw5IYBdhLWcg3wutDK - FLX

1

我认为你最好只是在源代码中搜索.attr('href'、.prop('href'或者'href'（还可以尝试双引号）。另一个选择是在Chrome调试器中添加断点或逐步执行JavaScript。 - Tim Baas

如果您所说的源代码是页面源代码（CTRL/CMD + U），JS对此没有影响。另外，请注意，检查器中显示的DOM并不总是反映现实情况。 - FLX

在DOM中，“{{link1：Products}}”在源代码中是“{{link2：Products}}”，因此href被删除了...我找不到删除href的函数...是否可以查看更改/堆栈，以查看更改该标记的href@FLX看起来像个好主意，但还没有让它工作。在脚本行上给我一个错误，而不是更改它的人... - user1859529

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- James Choi · Accepted Answer

您可以使用Chrome开发者工具在HTML上设置断点。有一个选项可以让您“在子树修改时中断”，这将导致浏览器在JS行上中断，从而修改HTML。

打开开发者工具并导航到元素选项卡，找到要监视的HTML元素，右键单击其父元素，并选择“断开 -> 子树修改”以使Chrome在添加/删除/修改子元素时停止JS的断点。

编辑：