ดูส่วนหัว HTTP ใน Google Chrome หรือไม่


560

จนถึง 9.x ส่วนหัวอยู่ภายใต้ทรัพยากรในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ แต่ตอนนี้ฉันไม่พบที่ใดก็ได้

คำตอบ:


832

ฉันไม่แน่ใจเกี่ยวกับรุ่นที่แน่นอนของคุณ แต่ Chrome มีแท็บ "เครือข่าย" ที่มีหลายรายการและเมื่อฉันคลิกที่พวกเขาฉันสามารถเห็นส่วนหัวทางด้านขวาในแท็บ

กดF12บน windows หรือ⌥⌘Iบน mac เพื่อเรียกใช้เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome

แท็บส่วนหัวของเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome


55
เข้าใจแล้วขอบคุณ! ต้องโหลดหน้าซ้ำเพื่อดูรายการ

8
เยี่ยมมาก! ฉันใช้การแฮ็ก chrome: // view-http-cache / [url] แต่วิธีการแก้ปัญหาของคุณดีกว่ามาก!
nalply

31
ลองดูchrome://net-internals/สิ
XP1

67
เพียงชี้แจงคำตอบข้างบนเล็กน้อย - เมื่อคุณคลิกที่แท็บเครือข่ายคุณจะเห็นภาพรวมในตอนแรกทางด้านขวาในรูปแบบตารางด้วยกราฟลำดับเวลา หากคุณคลิกที่ไฟล์แต่ละไฟล์จากรายการทางด้านซ้ายคุณจะเห็นแท็บที่แสดงในภาพด้านบน (รวมถึงแท็บส่วนหัว) นี่คือความหมาย @Tower โดย "คลิกที่พวกเขา"
SnapShot

2
สิ่งที่ควรทราบเพิ่มเติม: หากคุณไม่เห็นแหล่งข้อมูลใด ๆ - ดูที่พื้นที่แท็บ ( All | XHR JSและอื่น ๆ ) และเลือกAll
Zanshin13

22

สำหรับฉันแล้ว Google Chrome เวอร์ชัน 46.0.2490.71 m พื้นที่ข้อมูลส่วนหัวนั้นถูกซ่อนไว้เล็กน้อย วิธีเข้าถึง:

  1. ขณะที่เบราว์เซอร์เปิดอยู่ให้กดF12เพื่อเข้าถึงเครื่องมือสำหรับนักพัฒนาเว็บ

  2. เมื่อเปิดขึ้นให้คลิกตัวเลือก "เครือข่าย"

  3. เริ่มแรกอาจเป็นไปได้ว่าข้อมูลหน้าเว็บไม่มีอยู่ / เป็นปัจจุบัน รีเฟรชหน้าเว็บหากจำเป็น

  4. สังเกตข้อมูลหน้าปรากฏในรายชื่อ (ตรวจสอบให้แน่ใจว่าได้เลือก "ทั้งหมด" ถัดจากช่องทำเครื่องหมาย "ซ่อนข้อมูล URL")

ดูภาพหน้าจอ


19

ฉันชอบส่วนขยาย FireFox Header Spy มากจนฉันสร้างส่วนขยาย HTTP Spy สำหรับ Chrome ฉันเคยใช้เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์เช่นกันในการดีบั๊กส่วนหัว แต่ตอนนี้ชีวิตของฉันดีขึ้นมาก

นี่คือส่วนขยายของ Chrome ที่ให้คุณดูคำขอ - ส่วนหัวการตอบสนองและคุกกี้โดยไม่ต้องคลิกใด ๆ เพิ่มเติมหลังจากโหลดหน้าเว็บแล้ว

นอกจากนี้ยังจัดการการเปลี่ยนเส้นทาง มันมาพร้อมกับโหมดไมโครที่ไม่สร้างความรำคาญซึ่งจะแสดงเฉพาะส่วนหัวการตอบสนองที่เลือกโดยมือและโหมดปกติที่แสดงข้อมูลทั้งหมด

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

สนุก!


17

วิธีที่ฉันชอบใน Chrome คือการคลิกที่ bookmarklet:

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

ใส่รหัสนี้ในแผงควบคุมสำหรับนักพัฒนาซอฟต์แวร์ของคุณ

ที่มา: http://www.danielmiessler.com/blog/a-bookmarklet-that-displays-http-headers


9
ที่ไม่ได้รับส่วนหัวปัจจุบันแต่แทนส่วนหัวสำหรับคำขอที่สอง
Nick

11

คุณสามารถค้นหาตัวเลือกส่วนหัวในแท็บเครือข่ายในคอนโซลของนักพัฒนาซอฟต์แวร์ใน Chrome:

  1. ใน Chrome กดF12เพื่อเปิดคอนโซลนักพัฒนาซอฟต์แวร์
  2. เลือกแท็บเครือข่าย แท็บนี้ให้ข้อมูลเกี่ยวกับคำขอที่เรียกจากเบราว์เซอร์
  3. เลือกคำขอโดยคลิกที่ชื่อคำขอ คุณสามารถค้นหาข้อมูลส่วนหัวสำหรับคำขอนั้นพร้อมกับข้อมูลอื่น ๆ เช่นดูตัวอย่างตอบกลับและกำหนดเวลา

นอกจากนี้ใน Chrome เวอร์ชันของฉัน(50.0.2661.102)มันให้ส่วนขยายที่ชื่อว่าLIVE HTTP Headersซึ่งให้ข้อมูลเกี่ยวกับส่วนหัวคำขอสำหรับคำขอ HTTP ทั้งหมด

ปรับปรุง:เพิ่มภาพ

ป้อนคำอธิบายรูปภาพที่นี่


2
ในกรณีที่มีใครบางคนต้องการมัน: ถ้ามีการทำเครื่องหมายที่ 'ภาพรวมของการแสดง' รายการนั้นจะแสดงภาพรวมและอาจไม่สามารถมองเห็นได้ (เกิดขึ้นกับฉัน) คุณสามารถคลิกไอคอน 'ซ่อนภาพรวม' หรือขยายกล่องเครื่องมือสำหรับนักพัฒนา
Angel M.

@ Chris22 โปรดดูรูปในโพสต์
Angel M.

@AngelM ขอบคุณตกลงดังนั้นตามภาพ 'แสดงภาพรวม' ไม่ใช่ช่องทำเครื่องหมายมันเป็นไอคอน
Chris22

8

ฉันรู้ว่ามีคำตอบที่ยอมรับ แต่ฉันแนะนำ

ส่วนขยายไคลเอ็นต์ REST อย่างง่ายสำหรับ Chrome

ตัวอย่าง:

เช่น.


0

สำหรับเวอร์ชัน 78.0.3904.87, OS = Windows 7, พีซี 64 บิต

ขั้นตอน:

  1. กด F12
  2. เลือกแท็บเครือข่าย
  3. เลือก XHR
  4. ภายใต้ชื่อ -> คุณสามารถเห็นคำขอ XHR ทั้งหมดที่ทำ
  5. ในการดูคำขอส่วนหัวของคำขอ XHR เฉพาะให้คลิกที่คำขอนั้น รายละเอียดทั้งหมดเกี่ยวกับคำขอ XHR นั้นจะปรากฏทางด้านขวามือ

0

ในการดูคำขอหรือตอบกลับส่วนหัว HTTP ใน Google Chrome ให้ทำตามขั้นตอนต่อไปนี้:

  1. ใน Chrome ไปที่ URL (เช่นhttps://www.google.com) คลิกขวาเลือกตรวจสอบเพื่อเปิดเครื่องมือสำหรับนักพัฒนา
    ป้อนคำอธิบายรูปภาพที่นี่
  2. เลือกแท็บเครือข่าย
  3. โหลดหน้านี้ใหม่เลือกคำขอ HTTP ใด ๆ บนแผงด้านซ้ายและส่วนหัว HTTP จะปรากฏขึ้นที่แผงด้านขวา

ป้อนคำอธิบายรูปภาพที่นี่

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.