current community

your communities

more stack exchange communities

company blog
Stack Exchange Inbox Reputation and Badges
tour help
Stack Overflow is a community of 4.7 million programmers, just like you, helping each other.

Join them; it only takes a minute:

Sign up
Join the Stack Overflow community to:
  1. Ask programming questions
  2. Answer and help your peers
  3. Get recognized for your expertise
up vote 357 down vote favorite
58

Till 9.x, the headers were under the resources in the Developer Tools, but now I can't find it anywhere.

Thanks

share|improve this question
up vote 533 down vote accepted

I'm not sure about your exact version, but Chrome has a tab "Network" with several items and when I click on them I can see the headers on the right in a tab.

Press F12 on windows or ⌥⌘I on a mac to bring up the Chrome developer tools.

enter image description here

share|improve this answer
36  
Got it, thanks! The page had to be reloaded to view the items. – Grant Dec 12 '10 at 18:51
5  
That's very nice! I used the chrome://view-http-cache/[url] hack but your solution is a lot nicer! – nalply Mar 3 '11 at 9:26
14  
Also try chrome://net-internals/. – XP1 Jan 21 '12 at 22:52
33  
Just to clarify the answer above a bit - when you click on the network tab you see an overview at first on the right side in a table format with a timeline graph. If you click on an individual file from the list at the left you will then see the tabs shown in the picture above (including the Headers tab). This is what @Tower meant by "click on them" – SnapShot Jun 25 '13 at 19:48
2  
alt=command-I is the short cut for Mac. – Fred Mitchell Jul 6 '14 at 12:39
up vote 11 down vote

I loved the FireFox Header Spy extension so much that i built a HTTP Spy extension for Chrome. I used to use the developer tools too for debugging headers, but now my life is so much better.

Here is a Chrome extension that allows you to view request-, response headers and cookies without any extra clicks right after the page is loaded.

It also handles redirects. It comes with an unobtrusive micro-mode that only shows a hand picked selection of response headers and a normal mode that shows all the information.

https://chrome.google.com/webstore/detail/http-spy/agnoocojkneiphkobpcfoaenhpjnmifb

Enjoy!

share|improve this answer
    
Exactly what I needed, thanks! – pretzels1337 Feb 6 '14 at 21:00
up vote 6 down vote

I know there is an accepted answer but I recommend

Simple REST Client Extension for Chrome.

example:

EG.

share|improve this answer
up vote 6 down vote

My favorite way in Chrome is clicking on a bookmarklet:

javascript:(function(){function read(url){var r=new%20XMLHttpRequest();r.open('HEAD',url,false);r.send(null);return r.getAllResponseHeaders();}alert(read(window.location))})();

Source: http://www.danielmiessler.com/blog/a-bookmarklet-that-displays-http-headers

share|improve this answer
4  
That doesn't get the current headers, but instead the headers for a 2nd request. – Nick Jan 30 '14 at 10:57
up vote 5 down vote

For me, as of Google Chrome Version 46.0.2490.71 m, the Headers info area is a little hidden. To access:

1)While the browser is open, press F12 to access Web Developer tools

2)When opened, click the "Network" option

3)Initially, it is possible the page data is not present/up to date. Refresh the page if necessary

4)Observe the page information appears in the listing. (Also, make sure "All" is selected next to the "Hide data URLs" checkbox

see screenshot

share|improve this answer
up vote 3 down vote

Press Ctrl+Shift+I to open the window of the accepted answer. There you can select the Network tab.

[Right click] + Inspect Element works as well.

share|improve this answer
1  
This is a comment of the accepted answer. – Leandro Tupone Dec 14 '15 at 0:42

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.