Examine HTML headers in Firefox and Google Chrome

I needed to check an issue in which the deep integrated bbPress forum pages were showing up along with a 404 header code generated by WordPress. I am showing you how you can view html headers in both Firefox and Chrome.

HTML headers in Firefox using Firebug

You will need Firebug addon.

Open the page for which you would like to examine HTTP headers.

Press F12, shortcut key for Firebug.

html-header-firefox-firebug

Click on Page Speed, then click on Resources and then on the left, click on the + sign of every HTTP request you would like to examine.

html-header-code-firefox-firebug

You can view the header code without expanding the request.

HTML headers in Google Chrome

In Google Chrome, open the page for which you would like to examine the HTTP headers.

Press Ctrl + Shift + i, shortcut key for Developers Tool.

html-header-google-chrome

Click on Resources, then click on Documents, select the resource and click on HTTP information, Request Headers or Response Headers to expand them.

Now this post may not be handy but it will help for sure when you want to look out for 404 errors being returned on your site. Happy digging around :)

Published by

Ashfame

Developer + Entrepreneur + Opensource fanatic. Love WordPress + Startups + Music + Adrenaline kick.

  • http://www.adriaday.com/index.php?lang=de Kvarner bucht hotels

    The comparison of 2 explorer’s headers is very good…. I think the HTML headers in Google Chrome contains the detailed information of the server than the other.

    • http://www.ashfame.com/ Ashfame

      Thanks for your comment! :)

  • http://www.ev-mc.com sovi

    you are the expert … ! informative post…

    • http://www.ashfame.com/ Ashfame

      :)

  • Alex

    Not all headers are shown by Chrome.
    Google have some secrets =)

    • http://www.ashfame.com/ Ashfame

      And what are those? :P

      • Sam

        Cookies are not show.

        • Sam

          Cookies are not show*n*. I’m beginning to dislike this keyboard. :(

          • http://www.ashfame.com/ Ashfame

            heh.. Are you talking about chrome here? Cuz its the only one for which we has to browse in the options.

  • http://fialkoffconsulting.com Josh Fialkoff

    Hi,

    I just ran a test using Google Chrome and SiteOrbiter.

    Chrome returns a 200 status on the same page that SiteOrbiter says is a 301 status.

    What could explain that?

    Thanks,
    Josh

    • http://www.ashfame.com/ Ashfame

      Hi Josh,

      Not sure what that could be. Can it be the case that Chrome is reporting the status after a 301 redirection? And SiteOrbiter is showing the one before redirection.
      I would try firefox too to see what it has to say.

  • http://fialkoffconsulting.com Josh Fialkoff

    Thanks. Could this have to do with the fact that it’s an https:// url?

    My true goal is to ensure that 301 redirects are correctly in place and to map the site.

    Is there a better way to do this (using a Mac)?

    Thanks again,
    Josh

    • http://www.ashfame.com/ Ashfame

      Sorry! No idea about that. Some more googling might help!

  • http://www.CTProfit.com/blog/ Loke Hansen

    I tried this with my Chrome browser but have been unable to find the Documents tab under the Resources listing.

    I made a way too long post on a website that resulted in a 500 error on the page the site posted to.

    When i click “back” the form is blank, so i was hoping i could use this to somehow copy the POST data via chrome so i didnt have to retype everything once again.

    Unfortunately i can’t get it to work :(

    • http://off-the-grid.eu Krzysztof Lis

      Lake, this part is now located somewhere else.
      You need to click the “Network” tab, then refresh the page, the “document” button is at the bottom.