【问题标题】：is it possible to find the javascript that is setting an element attribute?是否可以找到设置元素属性的 javascript？
【发布时间】：2014-08-05 18:01:46
【问题描述】：

是否可以在 chrome 开发工具中找到设置元素属性的 javascript？或任何其他工具？

示例：

Javascript 在一些外部文件中设置 href

$('.buy_button').attr('href','asdf');

...然后在 main.html 中

<a href="asdf" class="buy_button">the link</a>

如何在 chrome 开发工具或其他工具中找到 main.html 的设置？

【问题讨论】：

为什么不直接查看外部 JavaScript 文件，看看它在哪里更改了属性？ JavaScript 文件有多大？您是这些文件的作者吗？
你正在寻找这个链接

标签： javascript jquery google-chrome google-chrome-devtools

【解决方案1】：

嗯，其实是有可能的：

找到您需要检查的元素（在“元素”选项卡中）
打开该元素的上下文菜单（右键单击它）
选择“Break on...”，选中“属性修改”选项

...当该元素的属性被修改时，脚本将暂停（进入debugger 模式）。

【讨论】：

【解决方案2】：

实际上这是不可能的，您应该进入javascript脚本并自行搜索。您应该搜索元素的 id 或 .attr() 函数等内容...

【讨论】：

【解决方案3】：

如果您知道 JavaScript 正在访问的元素类型或类，那么您可以在 chrome 或其他 IDE 中打开该 JS 文件，并将文本与 JS 正在修改的类或元素类型匹配。

您的示例第一部分的示例将使用 buy_button 类点击任何内容，因此搜索将是一个好的开始。您可以在 Chrome 检查工具中打开 JavaScript 文件，方法是在 head 标签中找到它们并单击它们。打开它们后，您可以单击任意位置并使用 CTRL+F 搜索该类。

【讨论】：