IT박스

Google 크롬에서 HTTP 헤더를 보시겠습니까?

itboxs 2020. 10. 4. 10:45
반응형

Google 크롬에서 HTTP 헤더를 보시겠습니까?


9.x까지 헤더는 개발자 도구의 리소스 아래에 있었지만 지금은 어디에서도 찾을 수 없습니다.


정확한 버전은 확실하지 않지만 Chrome에는 여러 항목이있는 '네트워크'탭이 있으며이 항목을 클릭하면 탭의 오른쪽에 헤더가 표시됩니다.

F12Windows 또는 ⌥⌘IMac에서을 눌러 Chrome 개발자 도구를 불러옵니다.

Chrome 개발자 도구 헤더 탭


나에게는 Google Chrome 버전 46.0.2490.71m부터 헤더 정보 영역이 약간 숨겨져 있습니다. 액세스:

  1. 브라우저가 열려있는 동안 누르면 F12웹 개발자 도구에 액세스 할 수 있습니다.

  2. 열리면 "네트워크"옵션을 클릭합니다.

  3. 처음에는 페이지 데이터가 없거나 최신 상태 일 수 있습니다. 필요한 경우 페이지 새로 고침

  4. 페이지 정보가 목록에 나타나는지 확인합니다. (또한 "데이터 URL 숨기기"확인란 옆에 "모두"가 선택되어 있는지 확인하십시오.)

스크린 샷보기


FireFox Header Spy 확장 프로그램을 너무 좋아해서 Chrome 용 HTTP Spy 확장 프로그램을 만들었습니다. 헤더 디버깅에도 개발자 도구를 사용했지만 이제는 훨씬 더 나아졌습니다.

다음은 페이지가로드 된 직후 추가 클릭없이 요청, 응답 헤더 및 쿠키를 볼 수있는 Chrome 확장 프로그램입니다.

리디렉션도 처리합니다. 손으로 선택한 응답 헤더 만 표시하는 눈에 잘 띄지 않는 마이크로 모드와 모든 정보를 표시하는 일반 모드가 함께 제공됩니다.

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

즐겨!


Chrome에서 제가 가장 좋아하는 방법은 북마크릿을 클릭하는 것입니다.

javascript:(function(){function read(url){var r=new XMLHttpRequest();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


You can find the headers option in the Network tab in Developer's console in Chrome:

  1. In Chrome press F12 to open Developer's console.
  2. Select the Network tab. This tab gives you the information about the requests fired from the browser.
  3. Select a request by clicking on the request name. There you can find the Header information for that request along with some other information like Preview, Response and Timing.

Also, in my version of Chrome (50.0.2661.102), it gives an extension named LIVE HTTP Headers which gives information about the request headers for all the HTTP requests.

update: added image

여기에 이미지 설명 입력


허용되는 답변이 있다는 것을 알고 있지만 권장합니다.

Chrome 용 간단한 REST 클라이언트 확장.

예:

EG.

참고 URL : https://stackoverflow.com/questions/4423061/view-http-headers-in-google-chrome

반응형