8

我对 API 测试很陌生。

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

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

我目前正在做的是：

  • 打开 chrome 开发者工具
  • 转到网络选项卡
  • 清除现有日志
  • 只需点击 URL 即可发送发布请求。例如https://stackoverflow.com/questions/ask
  • 检查加载的相应文档 在此处输入图像描述

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

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

    • 4

    2 回答 2

    5

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

    回答你的问题：

    问题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：上图中显示的“响应标题”的相关性是什么？我的意思是，我认为这是我在执行 GET 请求后得到的响应是否正确？

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

    标头会告诉浏览器，例如，主体是json（与 html 文档或其他不同的东西），除了缓存控制或主体有多长等其他信息。

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

    于 2017-06-30T04:11:59.800 回答
    3

    狭隘地回答你的问题：

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

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

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

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

    这里更广泛的问题是“我如何测试 REST API？” DevTools 非常适合手动测试，但有一些自动化工具可以提高效率。我将把它留给你来了解更多关于这个广泛主题的信息。

    于 2017-06-30T16:44:27.877 回答