在浏览器中实时查看 JQuery 函数答案

【问题标题】：Viewing JQuery functions live within a browser在浏览器中实时查看 JQuery 函数
【发布时间】：2017-02-02 09:23:10
【问题描述】：

有没有办法在Chrome等网页上查看执行的Jquery。我认为这仅包含在扩展中。

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

【问题讨论】：

【解决方案1】：

您应该考虑在说明中编写“控制台日志”。

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

【讨论】：

【解决方案2】：

Chrome 为您提供了在开发者工具 中查看 Javascript 和 html 代码的工具。右击页面，进入inspect element或使用F12打开开发者工具。

如果你想在任何时候中断你的 javascript 执行，你可以在代码中编写 debugger; 或者你可以添加 breakpoint 到源头。

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

【讨论】：

它在我感兴趣的网页上查看其他网站的JQuery元素代码
如果我让你正确的话，你想看看其他一些不是你建的网站的脚本。如果是这种情况，您仍然可以以相同的方式查看它或查看完整的源代码，您可以使用上下文菜单的查看页面源代码。现在很多网站都在使用他们的脚本的捆绑和缩小版本，所以在这种情况下很难看到它。

【解决方案3】：

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

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

【讨论】：