2005/Jan/16

ก่อนอื่น ขอบคุณน้องต่ายมากที่ไปหาเจ้าโปรแกรมตัวนี้มา (ดูที่คอมเมนต์นะ) สารภาพความจริงว่า ผมเคยได้ยินชื่อเจ้าโปรแกรมตัวนี้มาทีนึงแล้วล่ะ แต่ผมลืมชื่อไปแล้วและไม่รู้จะไปหาที่ไหน แหะๆ >_<

รู้จักกับ LiveHTTPHeaders

โปรแกรมตัวนี้ชื่อ LiveHTTPHeaders เจ้าโปรแกรมตัวนี้เป็น extension สำหรับ Mozilla Suite และ Mozilla Firefox ครับ ซึ่งในทีนี้จะพูดถึงใน Firefox เท่านั้นนะ

ประโยชน์ของมันคงจำกัดสำหรับผู้ที่สนใจเรื่องลึกๆว่า เว็บเบราเซอร์ (web browser) ที่เราใช้เปิดดูเว็บเนี่ย มัน "คุย" กับเซิร์ฟเวอร์ยังไงถึงไปเอาข้อมูลมาให้เราเปิดดูหรือเซฟไว้ได้

ติดตั้ง

วิธีการติดตั้งก็เป็นไฟล์ .xpi เหมือนกับ extension อื่นๆครับ (อาจจะต้องตั้งค่าให้อนุญาตติดตั้ง extension จาก mozdev.org ก่อนนะ) ติดตั้งแล้วก็อย่าลืมปิด Firefox ก่อนแล้วเปิดขึ้นมาใหม่ด้วยล่ะ

วิธีใช้

เมื่อติดตั้งเรียบร้อยแล้ว วิธีเปิดดูเฮดเดอร์ (header) หรือ "ภาษา" ที่เว็บเบราเซอร์คุยกับเซิร์ฟเวอร์ สามารถทำได้ด้วยการเปิดหน้า Info ของหน้าเว็บที่ต้องการดู ก็คือ
  1. คลิกขวาแล้วเลือก View Page Info (กรณีหน้าเว็บอยู่ในเฟรม ให้เลือก This Frame > View Frame Info แทน) แล้วจะมีหน้าต่างขึ้นมา
  2. เลือกแท็บ Headers ก็จะได้ข้อมูลที่ต้องการ (ดู รูปประกอบ)
วิธีใช้แบบเก่งกว่านั้น

แต่นั่นยังไม่เท่าไหร่ เพราะตัวที่เด็ดจริงอยู่อีกที่นึงครับ
  1. เลือกเมนูด้านบน Tools > Live HTTP headers ครับ จะมีหน้าต่างขึ้นมา
  2. ให้ดูด้านล่างหน้าต่างนะครับ จะมี check box ว่า Capture อยู่ ให้มันมีเครื่องหมายเลือกไว้นะ
  3. ทีนี้ก็กลับไปที่ Firefox แล้วเปิดเว็บที่ต้องการได้เลย
  4. ที่หน้าต่าง Live HTTP headers เมื่อกี้ก็จะดัก (capture) เฮดเดอร์ทั้งหมดที่เว็บเบราเซอร์คุยกับเว็บเซิร์ฟเวอร์ไว้ให้ทันที (ดู รูปประกอบ)
นอกจากจะเปิดเป็นหน้าต่างแยกแล้ว ก็ยังเปิดเป็น sidebar ได้ด้วย เปิดเมนู View > Sidebar > LiveHTTPHeaders หรือเปิดด้วยปุ่มลัด Alt-L ครับผม (แต่เปิดเป็น sidebar จะทำอะไรได้น้อยกว่า)

อันนี้จะมีประโยชน์สำหรับผู้ที่สนใจจะศึกษาเรื่องนี้อย่างละเอียด หรือผู้ที่ทำเว็บและเซิร์ฟเวอร์ต่างๆ สามารถนำไปใช้ตรวจสอบปัญหาต่างๆได้อีกเยอะเลยครับ (ผมกำลังลองเซ็ตเว็บเซิร์ฟเวอร์ Apache น่ะ มีปัญหากับฟีเจอร์บางตัว เลยจะเอามาใช้ตรวจสอบดู)

จริงๆแล้วในหน้าต่าง Live HTTP headers นั้นสามารถทำอะไรได้หลายอย่าง และยังมีแท็บอีกหลายแท็บ แต่คิดว่าคงไม่ต้องพูดถึงแล้วล่ะ เพราะแค่นี้ก็คงไม่รู้เรื่องกันแล้ว (ถ้าอ่านรู้เรื่อง ที่เหลือก็ไปศึกษาเองได้แหล่ะนะ :-P)


แก้ไข
- เพิ่ม sidebar พอดีเพิ่งเจอน่ะ ^^

แก้ไขเมื่อ 17/1/2548 0:59:36

อ่า.. ขอบคุณครับที่มาสอนวิธีใช้
ตอนนี้ผมมั่วๆ ไปใช้ replay สนุกดีครับ
#1  by   ไอ้แพท.. At 2005-01-17 00:51, 

<< Home