View http headers in Chrome

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
Share this article: share on Google+ share on facebook share on linkedin tweet this submit to reddit

Comments

Click here to write/view comments