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
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


Have Questions? Post them here!



Recent Posts:




Code2care is an initiative to publish and share varied knowledge in programming and technical areas gathered during day-to-day learnings and development activities.

Students and Software Developers can leverage this portal to find solutions to their various queries without re-inventing the wheel by referring to our easy to understand posts. Technical posts might include Learnings, Video Tutorials, Code Snippets, How Tos, Blogs, Articles, etc.