View http headers in Chrome

on

Chrome developer tools can be used to view browser HTTP request and response headers when browser loads a page or makes AJAX calls. Here are steps to view HTTP headers in Chrome.

  1. First open Developer tools in Chrome by clicking on Menu icon > More tools > Developer Tools. You can also use the following shortcuts to open chrome dev tools.
    OS Shortcut
    Mac [Option] + [Command] + I
    Windows [Ctrl] + [Shift] + I

    chrome-menu-developer-tools

  2. Select the network tab in chrome developers tools.
    chrome-developer-tools-network-tab
  3. Load the page for which you want to view http request/response headers. You will see list of all requests in network tab in chrome developer tools.chrome-developer-tools-requests-list

  4. Click on any request to see its request and response headers.
    chrome-developer-tools-one-request-request-response-headers

Suggested posts:

  1. Chrome – how to add custom http request headers
  2. How to detach Chrome developer tools window
  3. How to clear Chrome HTTP 301 redirect cache
  4. view event handlers in Chrome
  5. Edit and debug css in Chrome
  6. Chrome – view javascript errors
  7. How to install and run Chrome PageSpeed insights for measuring site performance
  8. how to debug javascript in Chrome
Share this article: share on facebook share on linkedin tweet this submit to reddit
Posted in | Tagged , , , ,