当我添加鼠标事件断点时，devtools 总是跳转到扩展的 JS。
有没有办法直接指向我的鼠标事件代码？
【问题讨论】：
标签： google-chrome google-chrome-extension google-chrome-devtools
首先，您可能应该在此处查看有关如何调试 chrome 扩展的教程：
http://code.google.com/chrome/extensions/tut_debugging.html
如有疑问，您始终可以在要从中启动调试器的 JavaScript 代码中直接使用 debugger 关键字，如下所示：
element.addEventListener("mouseover", function() {
debugger;
// some JS handler code...
});
根据您的 JS 是在弹出窗口、后台页面还是内容脚本中，您需要确保从正确的位置启动开发工具。
对于弹出窗口，您需要右键单击扩展图标和“检查弹出窗口”，然后从 JavaScript 控制台运行 location.reload(true)
后台页面需要进入扩展设置页面chrome://settings/extensions，开启开发者模式，展开有问题的扩展，点击后台页面链接。
内容脚本应该在它加载到的页面上直接可见。
【讨论】：
我认为最简单的方法是打开一个隐身窗口（Ctrl-Shift-N）（或Cmd-Shift-N mac）并在那里调试，因为这样就不会加载任何扩展（默认情况下）。
我知道你这个问题的意思：在调试时，做一些简单的事情，比如暂停执行，你总是会发现它会中断到扩展程序的代码之一，而不是当前网页的代码。
【讨论】：
禁用脚本的唯一方法（例如避免副作用）是禁用扩展程序（例如，如果扩展程序未在隐身模式下启用，则使用隐身模式）。
如果您不介意运行脚本，但想忽略扩展代码，则可以使用脚本blackboxing feature of Chrome's devtools。
如果您从未开发过扩展并且对逐步完成它不感兴趣，请打开 devtools 的设置菜单，点击 Blackboxing，然后点击“Blackbox content scripts”复选框：
如果您只想选择性地忽略文件，那么您也可以右键单击要忽略的文件的源，然后单击“Blackbox Script”上下文菜单选项。要删除模式，请转到如前所示的“黑盒”设置面板。
【讨论】：
如果您使用的是 Google Chrome（或任何基于 Chromium 的浏览器），只需使用新用户的数据目录运行新的浏览器实例。
在 Linux 上：
google-chrome --user-data-dir=$(mktemp -d)
这样，所有扩展都将被禁用，而无需手动关闭/打开它们。
【讨论】：