是否有可能找到设置元素属性的javascript？

Question

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

实施例

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

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

...然后在main.html

中

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

如何在chrome dev工具或其他工具中找到设置main.html的内容？

Answer 1

嗯，实际上有可能：

• 找到您需要检查的元素（在“元素”标签中）
• 打开该元素的上下文菜单（右键单击它）
• 选择'Break on ...'，选中'Attributes modification'选项

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

Answer 2

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

Answer 3

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

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