调试时如何忽略某些脚本文件/行？

Question

我正在尝试调试一些 JavaScript，我想找出当我将鼠标悬停在某个 div 元素上时会执行哪些代码（我不知道是哪一段代码，因为没有直接的“onmouseover” - 我认为有一个jQuery 选择器在某处吗？）。

通常我会使用开发者工具/Firebug 提供的“Break All”/“Break On Next”功能，但我的问题是其他代码（股票代码、鼠标移动监听器等）会立即被捕获。

我想做的是告诉调试器忽略某些 JavaScript 文件或单独的行，这样它就不会在我不感兴趣或已排除的代码上停止。有什么方法可以在 IE 中实现这一点（吐，吐！） - 或者你能建议更好的方法吗？

Answer 1

在 FireFox 中，此功能称为 “黑匣子” 将在 FireFox 25 中提供。它可以让我们完全满足您的需求。

尽管查找/配置比较困难，但 Chrome (v30+) 也引入了此功能。这被称为“跳过具有特定名称的源”，Collin Miller 在描述如何配置方面做得非常出色。

通常我会在这里放置答案和操作方法而不是链接，但最终我会复制科林的帖子。

Answer 2

您似乎正在寻找视觉事件。

Answer 3

您可能想看看 Paul Irish 的 Re- Chrome 开发者工具简介，特别是时间轴部分（从视频中大约 15 分钟开始）。

您可以开始记录所有 JavaScript 事件 - 函数执行（使用源代码行等）并根据事件进行调试被解雇了。 google IO 演讲中还隐藏了其他非常方便的调试工具，也可以帮助您解决这个问题。

Answer 4

如果您非常确定它是一个 jQuery 事件处理程序，您可以尝试查看 jQuery 事件。
这将覆盖所有点击处理程序（替换为您感兴趣的类型）并在调用每个事件处理程序之前注销某些内容：

var elem = document.body; // replace with your div
// wrap all click events:
$.each($._data(elem).events.click, function(i, v) { 
    var h = v.handler; 
    v.handler = function() {
      // or use 'alert' or something here if no Dev Tools
      console.log('calling event: '+ i);
      console.log('event handler src: '+ h.toString()); 
      h.apply(h, arguments); 
    };
})

然后尝试直接通过 jQuery 调用事件类型以排除该类型：

$('#your_div').click()

Answer 5

您可以在 Firefox 中使用 JavaScript Deobfuscator 扩展： https://addons.mozilla.org/addon/javascript -反混淆器/。它使用与 Firebug 相同的调试 API，但显示的结果不同。

在“执行的脚本”选项卡中，它将显示所有正在运行的代码。如果某些不相关的代码也在执行，通常很容易跳过。但您也可以调整默认过滤器以限制显示的代码量。

Answer 6

如果使用 IE 7.0 及以上版本，您应该拥有可以调试的开发人员工具栏。只需在需要的地方使用断点，其余代码将不会停止。
或者，您也可以定义其他应用程序（例如 Interdev/Visual Studio.net）以进行调试。