Sep
25
2008

HttpFox วิเคราะห์(ดักดู)ข้อมูลของเวปเพจ

236 views

plug in สุดเจ๋งสำหรับ web developer ต้องมีใช้ web designer ก็ควรต้องใช้ มันมีประโยชน์มากๆ เกี่ยวกับเรื่อง Header ของ HTTP โดยตรงเรื่อง Header นี่ถ้ามาเล่ากันก็คงอีกยาว ขอละไว้ก่อนแล้วกัน มาดูประโยชน์ของ HttpFox ก่อน

สิ่งที่ทำได้ที่เห็นภาพชัดๆ
- check ว่าไฟล์ไหนลืม upload ขึ้นไป
- ดักดูการ POST, GET ข้อมูล ในการส่งค่าจาก form อันนี้มีประโยชน์เต็มๆ กับการทำ PHP (รวมถึงภาษาอื่นๆ) + Flash เพราะคุณจะเห็นเลยว่าส่ง parameter อะไรไปบ้าง (Request) และผลลัพท์กลับมาเป็นอะไร (Response)
- ดักดูข้อมูล Cookie ที่สร้างขึ้นตอนใช้โปรแกรมในเวปนั้นๆ
- ไว้แอบดูดไฟล์จากเวปชาวบ้านได้ง่ายขึ้น เช่นเวปที่ฟังเพลง online, รูปภาพสวยๆ ที่ห้าม click ขวาเพิ่อ save เพราะว่ามันจะแสดง url เต็มๆ ของไฟล์เพลง, ไฟล์รูปออกมาให้เลย
- ฯลฯ ประโยชน์ยังมีอีกเพียบเลยครับ อยู่ที่คุณจะประยุกต์ใช้

ลงมือกันเลย
เมื่อติดตั้งแล้วจะมี icon ตามรูป เลข 1 ที่มุมล่างขวาของ FireFox กดหนึ่งทีจะสามารถ ยืดหน้าจอแบบ เลข 2 หรือถ้า กดเลข 3 จะเป็นหน้าต่างใหม่ แนะนำแบบนี้เพราะใหญ่ดีดูง่าย

มาดูการใช้งานกัน
1. เพื่อเริ่มดักข้อมูล
2. ระบุได้ว่าให้กรองเอาเฉพาะเวปที่ต้องการ เพราะบางที่เราเปิด FireFox หลายๆ tab ข้อมูลหลายเวปจะถูกดักไปด้วย
3. ยกตัวอย่างว่ากรอกข้อความเพื่อ search ใน form แล้วกด submit โปรแกรมจะแสดงเลยว่าค่า parameter s = iphone
- ถ้าเราเปิดหน้าเวปแล้วบรรทัดสีเหลือง กลายเป็นสีแดงนั่นแสดงว่าไม่มีไฟล์นั้นอยู่
- เห็นๆ เลยว่าเวปในตัวอย่างใช้รูปทำ background ชื่อว่า station9.jpg เพราะขนาดไฟล์ใหญ่ที่สุด อันนี้ถ้ามันเป็นเวปฟังเพลง online ก็อาจจะเห็นเป็น http://website/music.wma เลย เราก็สามารถ copy url ไป download มาฟังได้ทันที

สรุป
จากที่ทดลองใช้งาน คือมันเยี่ยมมากๆ แต่มีปัญหานิดเดียวคือถ้าหน้าไหนมี form upload ไฟล์ FireFox จะแข็งไปเลย หรืออาจจะค้างๆ ควรจะต้องไปปิด HttpFox ไว้ก่อน

download HttpFox ที่นี่

Written by Pipo in: FireFox | Tags: , , , ,

No Comments »

RSS feed for comments on this post. TrackBack URL

Leave a comment

Powered by WordPress | Aeros Theme | TheBuckmaker.com WordPress Themes