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

Question

自从 Firebug 停产后，我不得不开始使用 Dev Tools。

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

尝试使用我仍然安装的旧 Firebug，它抛出类似“ReferenceError:foo 函数未定义”的内容。

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

更新

测试用例

 <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”过滤器。

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

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