REST API 测试：如何使用 Google Chrome 开发人员工具获得响应？
REST API Testing: How to get response using Google Chrome developer tools?
我对 API 测试还很陌生。
我正在尝试利用 Google Chrome 的开发人员工具来理解和探索这个主题。
问题一：
是否可以使用 chrome 开发人员工具获得简单 GET 请求的响应（可能采用 JSON 格式）？
我目前正在做的是：
打开chrome开发者工具
转到“网络”选项卡
清除现有日志
只需点击 URL 即可发送 post 请求。例如https://whosebug.com/questions/ask
查看加载的相应文档
问题二：
上图中显示的相关性 "Reponse Headers" 是什么？我的意思是，我认为这是执行 GET 请求后得到的响应是否正确？
非常感谢您提供的任何帮助或参考！
如果你想测试休息 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 object 或 json 数组并且 Content-type header 设置为 application/json，你会看到响应已经在浏览器的主 window 中格式化。
例如，如果 Content-type 设置为 text/html，那么您仍然会在主 window 中得到一个 json 文本作为响应，但它赢了很好地格式化。根据响应的发送方式，有时您可以通过左键单击浏览器 window 并选择 查看源代码页面来查看它的格式。
为此，您不需要开发人员工具，除非您想查看收到响应需要多长时间，或者检查 headers 的某个特定值等，但与接收响应或将其呈现在屏幕上。
如果您正在使用 javascript/jquery and/or 如果您发送 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?
在响应中您会得到两件事，headers 和内容。您看到的 json object 是内容的一部分，而不是 header。
headers 会告诉浏览器，例如，body 是 json（相对于 html documenet 或其他不同的东西），除了其他信息，例如 cache-control，或 body 的长度。
搜索 http headers 以获取有关哪些是标准 headers 的更多信息。
狭义地回答您的问题：
Is it possible to get the response (possibly in JSON format) of a simple GET request using chrome developer tools?
是的！只需单击屏幕截图中打开的 Headers 选项卡右侧的 Response 选项卡。
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?
是的，这些是随您请求的响应一起发送的 HTTP headers。
这里更广泛的问题是 "how do I test a REST API?"DevTools 适合手动测试，但也有自动化工具可以提高效率。我将留给您来了解有关该广泛主题的更多信息。
我对 API 测试还很陌生。
我正在尝试利用 Google Chrome 的开发人员工具来理解和探索这个主题。
问题一：
是否可以使用 chrome 开发人员工具获得简单 GET 请求的响应（可能采用 JSON 格式）？
我目前正在做的是：
问题二：
上图中显示的相关性 "Reponse Headers" 是什么？我的意思是，我认为这是执行 GET 请求后得到的响应是否正确？
非常感谢您提供的任何帮助或参考！
如果你想测试休息 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 object 或 json 数组并且 Content-type header 设置为 application/json，你会看到响应已经在浏览器的主 window 中格式化。
例如，如果 Content-type 设置为 text/html，那么您仍然会在主 window 中得到一个 json 文本作为响应，但它赢了很好地格式化。根据响应的发送方式，有时您可以通过左键单击浏览器 window 并选择 查看源代码页面来查看它的格式。
为此，您不需要开发人员工具，除非您想查看收到响应需要多长时间，或者检查 headers 的某个特定值等，但与接收响应或将其呈现在屏幕上。
如果您正在使用 javascript/jquery and/or 如果您发送 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?
在响应中您会得到两件事，headers 和内容。您看到的 json object 是内容的一部分，而不是 header。
headers 会告诉浏览器，例如，body 是 json（相对于 html documenet 或其他不同的东西），除了其他信息，例如 cache-control，或 body 的长度。
搜索 http headers 以获取有关哪些是标准 headers 的更多信息。
狭义地回答您的问题：
Is it possible to get the response (possibly in JSON format) of a simple GET request using chrome developer tools?
是的！只需单击屏幕截图中打开的 Headers 选项卡右侧的 Response 选项卡。
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?
是的，这些是随您请求的响应一起发送的 HTTP headers。
这里更广泛的问题是 "how do I test a REST API?"DevTools 适合手动测试，但也有自动化工具可以提高效率。我将留给您来了解有关该广泛主题的更多信息。