REST API 测试 : How to get response using Google Chrome developer tools?

Question

我对 API 测试很陌生。

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

问题一:
是否可以使用 Chrome 开发人员工具获取简单 GET 请求的响应(可能是 JSON 格式)？

我目前正在做的是:

打开 Chrome 开发者工具

转到网络选项卡

清除现有日志

只需点击 URL 即可发送发布请求。例如https://stackoverflow.com/questions/ask

检查加载的相应文档


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

非常感谢您可以提供的任何帮助或引用!

Answer 1

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

回答你的问题:

Question 1: Is it possible to get the response (possibly in JSON format) of a simple GET request using chrome developer tools?

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

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

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

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

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

Question 2: What are the relevance "Reponse Headers" shown on the image above? I mean, am I correct to think that this is the response I am getting after doing the GET request?

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

标题会告诉浏览器，例如，正文是 json (相对于 html documenet 或其他内容)，除了其他信息，如缓存控制或正文的长度。

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