How to see HTTP Request Response Headers in Google Chrome Browser


In order to see the HTTP Request-Response Headers in Google Chrome, you need to make use of the Inspect Element Option:

  1. Open Google Chrome Web Browser,
  2. Now right click anywhere in the browser and select "Inspect",
    Google Chrome Inspect Option
  3. Now you should see a window attached to the bottom of your browser, select Network,
  4. Now under Network, not the left side you would see names where all the URL that were fired with your request are seen, if you just want to see the page requests (not css, js, images requests) click on Fetch/XHR,
  5. Now select your URL request and click on "Headers", scroll down and you should be able to see the Request/Response headers
See Chrome Request Response Headers for URL
Example: Request Headers
:authority: code2care.org
:method: POST
:path: /cdn-cgi/rum?req_id=xxx
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br
accept-language: en-US,en;q=0.9
content-length: 1361
content-type: application/json
cookie: _ga=GA1.2.1xxx
origin: https://code2care.org
referer: https://code2care.org/
sec-ch-ua: "Chromium";v="92", " Not A;Brand";v="99", "Google Chrome";v="92"
sec-ch-ua-mobile: ?0
sec-fetch-dest: empty
sec-fetch-mode: cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.107 Safari/537.36
Example: Response Headers
access-control-allow-credentials: true
access-control-allow-methods: POST,OPTIONS
access-control-allow-origin: https://code2care.org
access-control-max-age: 86400
cf-ray: xxx-BOM
content-encoding: gzip
content-type: text/plain
date: Sun, 25 Jul 2021 10:56:51 GMT
server: cloudflare
vary: Origin
x-content-type-options: nosniff
x-frame-options: DENY

🎉 We are celebrating the 10th years of Code2care! Thank you for all your support!

We strongly support Gender Equality & Diversity.

Follow Us: GitHub | Facebook | Twitter | Instagram