我刚刚开始一个项目来学习Angular2和Typescript Javascript。我来自Java背景，我的调试项目方法通常是堆栈跟踪，编译错误的组合，以及大型项目 – 大量测试用例。然而，其中大部分内容似乎并没有直接转化为web-dev的世界;特别是调试与Angular2的库交互的代码。
有人可以提出任何可以采取的方法来调试使用Angular2的代码？特别;我如何看到我的HTML / TS的哪些部分导致问题？我已经检查了控制台，从中我可以看出我已经打破了Angular2，但是似乎没有更多的信息。
只是为了澄清我不想要这个具体实例的帮助。我想学习如何诊断自己修复这些问题。
假设您正在使用Chrome，则可以在控制台的“源”选项卡中放置断点。这些断点可以在ts文件上设置。如果您需要来自js文件的信息，您可以在控制台设置中取消选中Javascript源代码：这将允许您在js文件中放置断点。
在断点上，你可以做一般的(手表，间谍，堆栈跟踪等)。您也可以在控制台中编写js直接访问局部变量，例如：
function b(){
var c = 1;
// if you put a breakpoint here and type c in the console,it will write "1"
}
特别是在角度2中，您可能希望在其库中的“throw e”行中添加断点，您将获得更详细的堆栈跟踪。如果您点击堆栈跟踪中的“…”，则可以访问导致错误的文件。
这是针对实际的错误。现在，对于性能，在“时间轴”选项卡上，您可以单击左上角的“记录”按钮。完成录制后(点击“完成”)，您将看到cpu的使用情况。您可以放大时间轴中的事件，以查看代码的哪一部分使用的资源太多。
您还可以通过选中“内存”复选框跟踪内存。
如果您需要调试iframe，控制台中会显示一个选择框，可以设置您想要的iframe。
如果我忘记了什么重要，只要问:)。
