如何查看Promise的详细信息

Question

我在TypeScript中有这个功能，它是Angular2服务的一部分

getHeroes(): Promise<Hero[]>
{
    return this.http.get(this.heroesUrl)
        .toPromise()
        .then(response => response.json().data as Hero[])
        .catch(this.handleError);
}

我知道响应是一个json，但我希望将原始响应视为一个字符串，仅用于学习目的。

我试图在浏览器调试中看到它，但是'get'方法的返回是一个Observable，我找不到任何有用的信息：

有没有办法将响应转换为字符串或只是在浏览器调试工具中查看？我不知道这是否重要但响应来自Angular 2的内存web api。

Answer 1

我不明白为什么阿米特的回答被低估了。这正是你应该做的。

1. 在Firefox中，使用Ctrl + Shift + Q打开网络监视器。
2. 在工具栏上，单击XHR以过滤这些请求。
3. 单击请求，在“文件”列
中搜索端点的URL
4. 单击“网络请求详细信息”面板上的“响应”选项卡。

Answer 2

大多数（所有??）浏览器开发工具都有一个“网络”标签，您可以在其中查看请求和响应。