โดยบทความนี้ขอเสนอ 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
หน้าดาวโหลด http://getfirebug.com/downloads หรือ search หา add-on บน Firefox
ดาวโหลดไปใช้ใน Browser อื่น http://getfirebug.com/firebuglite
Extension เสริม http://getfirebug.com/wiki/index.php/Firebug_Extensions
โดยรุ่นล่าสุดจะอยู่ที่ 2.0.7 สำหรับ Firefox 4.1.0.2 (27/10/2015)
เมื่อติดตั้งและทำการเริ่ม Browser ใหม่แล้ว
เราสามารถเรียกใช้ Firebug ได้โดยง่ายๆเพียงแค่คลิ๊กขวาบนหน้าเพจ
ในบริเวณที่เราต้องการทราบ source code หรือต้องการ debug
แล้วเลือก Inspect Element ก็จะมีpanelด้านล่างโผล่ขึ้นมา
พร้อมโค้ตต่างๆในทั้งหน้าเวป โดยจะ mark ส่วนที่เราเลือกไว้
ยังมีลูกเล่นต่างๆที่เราสามารถลองดูได้
ซึ่ง UI ก็ถูกออกแบบมาให้ง่ายต่อนักพัฒนาเวปกันอยู่แล้ว
เราสามารถเรียกใช้ Firebug ได้โดยง่ายๆเพียงแค่คลิ๊กขวาบนหน้าเพจ
ในบริเวณที่เราต้องการทราบ source code หรือต้องการ debug
แล้วเลือก Inspect Element ก็จะมีpanelด้านล่างโผล่ขึ้นมา
พร้อมโค้ตต่างๆในทั้งหน้าเวป โดยจะ mark ส่วนที่เราเลือกไว้
ยังมีลูกเล่นต่างๆที่เราสามารถลองดูได้
ซึ่ง UI ก็ถูกออกแบบมาให้ง่ายต่อนักพัฒนาเวปกันอยู่แล้ว
ฟีเจอร์และเทคนิคต่างๆของ Firebug
ล้วนแล้วแต่เป็นประโยชน์ต่อการทำงานและพัฒนาบนเวปไซต์อย่างยิ่ง
ฉะนั้นจึงควรรู้จักและหัดใช้ให้เกิดประโยชน์จะช่วยลดระยะเวลาได้เป็นอย่างดี
ฉะนั้นอย่าลืมเลยที่จะลง Firebug คู่กับ Firefox 4 ครับ
ล้วนแล้วแต่เป็นประโยชน์ต่อการทำงานและพัฒนาบนเวปไซต์อย่างยิ่ง
ฉะนั้นจึงควรรู้จักและหัดใช้ให้เกิดประโยชน์จะช่วยลดระยะเวลาได้เป็นอย่างดี
ฉะนั้นอย่าลืมเลยที่จะลง Firebug คู่กับ Firefox 4 ครับ
ไม่มีความคิดเห็น:
แสดงความคิดเห็น