Firebug – อุปกรณ์คู่ใจ Web Developer และอื่นๆที่เกี่ยวข้อง by

31
Mar
0

เป็น blog ในเดือนแรกที่เขียนลง levelup ในขณะฝึกงานครับ
โดยบทความนี้ขอเสนอ Add-on คู่ใจ web developer, facebook developer และ อื่นๆมากมาย

Firebug ซึ่งเป็น Add-on ที่มีให้ใช้ใน Firefox Browser เป็นหลัก
แต่ Browser อื่นๆก็สามารถ Download version lite มาใช้ได้
แต่จะมี feature ไม่ครบเหมือนใน Firefox นะครับ

เวปไซต์ http://getfirebug.com
หน้าดาวโหลด http://getfirebug.com/downloads หรือ search หา add-on บน Firefox
ดาวโหลดไปใช้ใน Browser อื่น http://getfirebug.com/firebuglite
Extension เสริม  http://getfirebug.com/wiki/index.php/Firebug_Extensions

โดยรุ่นล่าสุดจะอยู่ที่ 1.7 สำหรับ Firefox 4.0 (31/3/2011)

เมื่อติดตั้งและทำการเริ่ม Browser ใหม่แล้ว
เราสามารถเรียกใช้ Firebug ได้โดยง่ายๆเพียงแค่คลิ๊กขวาบนหน้าเพจ
ในบริเวณที่เราต้องการทราบ source code หรือต้องการ debug
แล้วเลือก Inspect Element ก็จะมีpanelด้านล่างโผล่ขึ้นมา
พร้อมโค้ตต่างๆในทั้งหน้าเวป โดยจะ mark ส่วนที่เราเลือกไว้
ยังมีลูกเล่นต่างๆที่เราสามารถลองดูได้
ซึ่ง UI ก็ถูกออกแบบมาให้ง่ายต่อนักพัฒนาเวปกันอยู่แล้ว

ddd

ฟีเจอร์และเทคนิคต่างๆของ Firebug
ล้วนแล้วแต่เป็นประโยชน์ต่อการทำงานและพัฒนาบนเวปไซต์อย่างยิ่ง
ฉะนั้นจึงควรรู้จักและหัดใช้ให้เกิดประโยชน์จะช่วยลดระยะเวลาได้เป็นอย่างดี
ฉะนั้นอย่าลืมเลยที่จะลง Firebug คู่กับ Firefox 4 กันนะครับ

Enjoy this article?

Consider subscribing to our RSS feed!

ไม่มีความเห็น

ยังไม่มีความเห็น

ใส่ความเห็น

RSS feed for comments on this post

 เราชนะรอบ 4 | ยืมเงิน 3000 ด่วน | แอพกู้เงิน | แอพเงินด่วน | สินเชื่อออนไลน์อนุมัติทันที | Site Map | กู้เงินก้อน | กระเป๋าตัง | thisshop และ ยืมเงินฉุกเฉิน 5000 ด่วน