使用参数调试javascript函数

Question

我有一个带有javascript的网站，当我在该网站上移动鼠标时，会触发功能。我需要在执行时逐步调试整个javascript代码。我需要找出调用哪个函数（以及参数）。

我该怎么做 - 我应该用它做什么？ 任何实时调试器？

编辑：现在我看到它是从另一个URL加载的脚本（我的站点是mydomain.tld，第二个脚本从seconddomain.tld加载）。第二个脚本被混淆/最小化，它控制网站上的点击（点击时，它会触发一个功能）。 我的网站上的JavaScript可以在第二个脚本中调用函数吗？如果是，请多好。

Answer 1

  

我需要找出所谓的函数

在控制台（Firebug，开发人员工具等）中，您可以单击“配置文件”按钮或使用命令：

console.profile();
//...
console.profileEnd();

它将显示分析期间调用的函数。

然后你可以在每个人提到的函数中使用debugger;命令。

Answer 2

如果网站使用jQuery，那么您可以使用Chrome DevTools转到功能源。转到元素面板中的事件监听器侧栏，展开有趣的事件，然后单击链接到源。

E.g。输入#new-todo有内部jQuery监听器，但DevTools已解决它并显示框架外用户定义函数的链接。

Answer 3

您可以使用Chrome。您可以添加breakpoint。

请参阅文档https://developer.chrome.com/devtools/docs/javascript-debugging

Answer 4

只需将命令debugger放在任何位置，当Chrome碰巧通过该地点时，Chrome就会停在那里。

不要忘记按F12

保持调试器处于打开状态

Answer 5

您可以通过

跟踪鼠标移动事件

<script> $(document).mousemove(function(event){console.log(event);}); </script>

并在鼠标移动时在浏览器中打开控制台窗口，它将显示所有内容...