我该在哪里查看浏览器发送的http请求

Question

问题是：如何查看浏览器(Chrome)发送的http请求？

一些人可能觉得这是非常基本的问题，但我却找不到一个好的信息来源。我想知道这个问题是为了使用Pipedrive API。我需要向这个URL发出HTTP PUT请求，并附上JSON类型的主体：“https://api.pipedrive.com/v1/persons/1&api_token=d32c1ca664720eefbd5db15f5d70fd9ebb95e996"。在他们的API文档页面上，他们有一个工具来进行示例调用，但我只能看到URL部分，其中只包含API密钥。其他数据在主体中，我似乎无法正确设置请求。因此，最初的问题就是如何查看从我的浏览器发送的请求。然后我可以检查测试API调用。 我目前的请求方法是：

uri = URI("https://api.pipedrive.com/v1/persons/{p_id}&api_token=12345ca664720eefbd5db15f5d70fd9ebb95e996")

Net::HTTP.start(uri.host, uri.port,
        :use_ssl => true,
        :verify_mode => OpenSSL::SSL::VERIFY_NONE ) do |http|
 request = Net::HTTP::Put.new(uri)
 request.add_field('Content-Type', 'application/json')
 request.body = {'name' => 'XXXXXXXX'}.to_json
 response = http.request(request) # Net::HTTPResponse object
 puts response.body
end

- Flip

Answer 1

不确定这是否是您需要的，但是在Chrome中打开开发者工具，转到“网络”选项卡并点击记录，然后发送请求。您将看到此请求以及后续请求（如果有）。单击它，您将能够浏览详细信息。

- juliang

Answer 2

如果您想查看服务器接收到的数据是什么样子，您可以尝试将代码指向httpbin，它会将数据返回给您，操作如下：

$ curl -X PUT http://httpbin.org/put -d 'this is a test'
{
  "args": {}, 
  "data": "", 
  "files": {}, 
  "form": {
    "this is a test": ""
  }, 
  ...etc...

那么检查您的响应内容，您将看到服务器从您那里接收到的内容，并可以检查其是否正确。

- Moldova