ึ

xray.gif

ถึงปกติแล้ว ผมจะติด extension ของ firefox ทั้งตัว web developer tool และ firebug แต่บางทีผมก็ยังพบว่าเวลาอยากรู้ข้อมูลอะไรง่ายๆ เช่น width, height, padding, margin ของ element อะไรสักตัว การจะเปิด tool ใหญ่ๆ เหล่านั้น ก็เป็นเรื่องขี่ช้างจับตั๊กแตนไปหน่อย

วันนี้ผมเพิ่งพบ tool ตัวใหม่ที่น่าจะทำให้ชีวิตง่ายขึ้นบ้าง ชื่อของมันคือ XRay ทูลตัวนี้สามารถใช้ได้โดยไม่ต้องลงโปรแกรมหรือ extension อะไรเลย แค่ลากตัว script ไปไว้ที่ bookmark toolbar แล้วพอเราสงสัยว่า element ไหนในหน้า webpage มีข้อมูลจำเพาะอะไรบ้าง ก็แค่กดปุ่มเรียกเจ้าตัว XRay ออกมา มันก็จะบอกข้อมูลคร่าวๆ ของ element นั้นๆ

ทูลนี้ใช้ได้เฉพาะบน Firefox และ Safari ครับ

ใครสนใจก็ตามลิงค์เลย
http://westciv.com/xray/xray_more.html#step2