在浏览器中查看JQuery函数

Question

有没有办法在Chrome等网页上查看已执行的Jquery。我认为这仅限于扩展名。

例如。如果我将鼠标悬停在手机图标上时会激活下拉菜单。我可以看到Jquery代码（可能在弹出窗口或控制台中）

Answer 1

您应该考虑编写一个＆＃34;控制台日志＆＃34;在你的指示中。

/ Event setup using a convenience method
$( "p" ).click(function() {
    console.log( "You clicked a paragraph!" );
});

在此处进一步了解：https://learn.jquery.com/events/event-basics/

Answer 2

Chrome为您提供了在 开发人员工具 中查看Javascript和HTML代码的工具。右键单击页面并转到 检查元素 或使用 F12 打开开发人员工具。

如果您想在任何时候中断javascript执行，可以在代码中编写 调试器; ，也可以添加 断点 来源。

在Firefox中也可以使用相同的方式。除了使用firefox之外，您还可以使用 Firebug ，这是一个很好的Firefox扩展程序，有助于简化您的工作。

Answer 3

我提出的最佳解决方案是。

右键单击元素，检查，然后列出事件监听器和挂起的JQuery事件。单击JS链接直接转到JQuery代码。