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

时间:2017-06-30 03:49:06

标签: rest google-chrome google-chrome-devtools web-api-testing chrome-dev-editor

我是API测试的新手。

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

问题1:
是否可以使用chrome开发人员工具获得简单GET请求的响应(可能是JSON格式)?

我目前正在做的是:

  • 打开chrome开发人员工具
  • 转到“网络”标签
  • 清除现有日志
  • 只需点击网址即可发送帖子请求。例如https://stackoverflow.com/questions/ask
  • 检查加载的相应文档 enter image description here

    问题2:
    上图中显示的相关“响应标题”是什么?我的意思是,我认为这是我在做GET请求后得到的回应是正确的吗?

    非常感谢您提供的任何帮助或参考资料!

  • 2 个答案:

    答案 0 :(得分:4)

    如果你想测试一个休息api,我会得到 postman ,这是为了这个目的。

    回答你的问题:

      

    问题1:是否可以获得响应(可能是JSON   使用chrome开发人员工具的简单GET请求的格式?

    要明确的第一点是服务器将会或不会向浏览器发送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 documenet或其他不同的东西),除了缓存控制等其他信息,或者正文的长度。< / p>

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

    答案 1 :(得分:3)

    以狭隘的方式回答您的问题:

      

    是否可以使用chrome开发人员工具获取简单GET请求的响应(可能采用JSON格式)?

    是的!只需点击屏幕截图中打开的标题标签右侧的响应标签。

      

    上图中显示的相关“响应标题”是什么?我的意思是,我认为这是我在做GET请求后得到的回应是正确的吗?

    是的,这些是随您的请求回复一起发送的HTTP标头。

    这里更广泛的问题是“如何测试REST API?” DevTools适用于手动测试,但有一些自动化工具可以提高效率。我会留给您更多关于这个广泛主题的信息。