Firefox 开发工具是否能够捕获所有错误？

Question

自从 Firebug 停产后，我不得不开始使用开发工具。

我正在调试一个页面，当我单击一个按钮时它没有触发事件。我意识到没有定义函数，缺少 JS 文件引用，但是开发工具没有告诉我。

尝试我仍然安装的旧 Firebug，它抛出了类似“ReferenceError: foo function is not defined”的东西。

我是否需要为开发工具启用更多选项？还是开发工具无法捕获所有错误？

更新

测试用例

 <script type="text/javascript">
              function DoSomething(e){
                     e.preventDefault();
                     foo();
              }
 </script>

<a href="www.google.com" onclick="DoSomething(event)">Click me!</a>

Answer 1

您需要确保在控制台面板中启用了“JS”过滤器。

如果这对查看错误没有帮助，您可以尝试新的控制台前端。在 Firefox 55 之前的版本中，这可以通过转到 about:config 并将首选项 devtools.webconsole.new-frontend-enabled 设置为 true 来启用。在该新 UI 中，确保启用过滤器“错误”和“警告”。

如果您仍然看不到记录的错误，则可能是 DevTools 中的错误。在这种情况下，您应该尝试是否可以在new Firefox profile 中重现该问题。如果您也可以在新的配置文件中重现它，您应该report the bug（如果还没有；bug 755553 似乎是相关的）并配置一个指向发生错误的页面的 URL 或附加一个简化的测试案例。