javascript - 如何在异常时停止浏览器

Question

TLDR:有没有办法在浏览器出现异常时停止执行？

所以我有这个奇怪的场景。

我正在用Angular2编写一个前端应用程序，并且我有一个带有表单的模态框，用于将条目添加到后端的数据库。

我的 Modal 组件有一个 @Output 属性，如下所示:

@Output() onSubmit: EventEmitter<void> = new EventEmitter<void>();

父级使用重新获取方法订阅此 onSubmit 事件并成功:

if (isSuccessful) {
    this.onSubmit.emit();
    closeModal.exec();
}

过去，当我重新获取时，它会更新项目显示(仅刷新显示组件)，但现在不会，相反，它会刷新整个页面，让我从头开始。

我尝试调试它，但无法放置断点。

我注意到的是，在页面刷新之前，控制台中会弹出一个异常，并在刷新时消失。

任何帮助或建议将不胜感激，提前致谢!

Answer 1

可以通过导航到源选项卡并选择“异常时暂停”(其快捷键为 F8)来在 Chrome 开发工具中停止异常

可以通过以下方式打开 chrome 开发工具:

• Windows:F12
• Mac:alt+cmd+j

更多信息可以在这里找到:https://developers.google.com/web/tools/chrome-devtools/debug/console/track-exceptions#pause-on-javascript-exceptions