调试 – 角度2错误和Typescript – 如何调试？

发布时间：2020-12-17 08:17:01 所属栏目：安全来源：网络整理

导读：我刚刚开始一个项目来学习Angular2和Typescript Javascript。我来自Java背景，我的调试项目方法通常是堆栈跟踪，编译错误的组合，以及大型项目 – 大量测试用例。然而，其中大部分内容似乎并没有直接转化为web-dev的世界;特别是调试与Angular2的库交互的代码

我刚刚开始一个项目来学习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。

如果我忘记了什么重要，只要问:)。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!