REST API 测试：如何使用 Google Chrome 开发人员工具获得响应？

Question

我对 API 测试很陌生。

我正在尝试利用 Google Chrome 的开发人员工具来理解和探索这个主题。

问题 1：
是否可以使用 Chrome 开发人员工具获取简单 GET 请求的响应（可能是 JSON 格式）？

我目前正在做的是：

打开 Chrome 开发者工具

转到网络选项卡

清除现有日志

只需点击 URL 即可发送发布请求。例如/sf/

检查加载的相应文档

问题 2：
上图中显示的相关性“Reponse Headers”是什么？我的意思是，我认为这是我在执行 GET 请求后得到的响应是否正确？

非常感谢您可以提供的任何帮助或参考！

Answer 1

如果你想测试一个rest api，我建议你得到邮递员，这就是为此目的。

回答你的问题：

问题 1：是否可以使用 Chrome 开发人员工具获取简单 GET 请求的响应（可能是 JSON 格式）？

首先要明确的是，服务器会或不会向浏览器发送 json 响应。不是可以选择将任何响应视为 json 的浏览器。

如果您发送 GET 请求，服务器使用 json 对象或 json 数组进行响应，并且Content-type标头设置为application/json，您将在浏览器的主窗口中看到该响应已经格式化。

例如，如果Content-type设置text/html为，那么您仍然会在主窗口中获得 json 文本作为响应，但它的格式不会很好。根据响应的发送方式，有时您可以通过左键单击浏览器窗口并选择查看源页面来查看它的格式。

为此，您不需要开发人员的工具，除非您想查看接收响应需要多长时间，或者检查某些特定值的标头等，但与接收响应或在屏幕上呈现它无关。

如果您使用 javascript/jquery 和/或发送 ajax 请求（GET 或 POST），则开发人员的工具会更有用。在这些情况下，您可以调试函数并查看 ajax 请求，以检查浏览器实际发出的内容以及作为响应收到的内容。

问题 2：上图中显示的相关性“Reponse Headers”是什么？我的意思是，我认为这是我在执行 GET 请求后得到的响应是否正确？

在响应中，您会得到两件事，标题和内容。您看到的 json 对象是内容的一部分，而不是标题。

例如，标题将告诉浏览器主体是json（与 html documenet 或不同的东西），以及其他信息，如缓存控制，或主体有多长。

搜索http 标头以获取有关哪些是标准标头的更多信息。

Answer 2

狭义地回答你的问题：

是否可以使用 Chrome 开发者工具获取简单 GET 请求的响应（可能是 JSON 格式）？

是的！只需单击“响应”选项卡，该选项卡位于屏幕截图中打开的“标题”选项卡的右侧。

上图中显示的“响应标题”相关性是什么？我的意思是，我认为这是执行 GET 请求后得到的响应是否正确？

是的，这些是与您的请求响应一起发送的 HTTP 标头。

这里更广泛的问题是“如何测试 REST API？” DevTools 非常适合手动测试，但也有一些自动化工具可以提高手动测试的效率。我将让您自行了解有关该广泛主题的更多信息。