จัดการ JavaScript ด้วย Firebug
16 Jun
มารู้จัก Firebug กันก่อน Firebug คือ Extension ตัวหนึ่งของ Firefox ซึ่งสามารถ debugging, editing, และ monitoring เกี่ยวกับ CSS, HTML, DOM และ JavaScript ของเว็บไซต์ต่างๆ เหมาะกับ Webmaster หรือผู้ที่ต้องการเขียน Javascript
มาเริ่มกันเลยดีกว่า ก่อนอื่นทำการ Download Firefox และ Extension Firebug มาติดตั้ง ทำการ restart Firefox
หลังจากติดตั้งเสร็จ ลองเปิด Firebug โดยการคลิ๊กที่ console ของ Firebug ด้านล่างขวาของ Firefox สามารถพิมพ์คำสั่งตามที่ต้องการได้หลัง >>> ซึ่งเป็น line starting ถ้าคุณหา >>> ไม่เจอที่ล่างสุดของ console tab ให้เลือก option และเอาเครื่องหมายถูกหน้า Larger Command Line ออก
ลองพิมพ์คำสั่ง
function fn() { alert(“Hello PinionBlog”); };
กด Enter ไม่มีอะไรเกิดขึ้น ? ถูกต้องแล้วครับ นี่เป็นเพียงการกำหนด function จากนั้นลองพิมพ์
fn();
กด Enter จะปรากฏหน้าต่างขึ้นมา
นี่เป็นตั่วอย่างในการทดสอบ Javascript ที่ละคำสั่งครับ คุณสามารถเปิด Firebug ให้รันคำสั่งได้ที่ละหลายๆบรรทัดในครั้งเดียวได้โดยการ คลิ๊กที่ลูกศรตามรูป Firebug ก็จะแสดงรูปหน้าต่างแบบเต็มครับ
ที่จริง Firebug มีฟังชั่นก์ในการใช้งานอีกมากมายนอกจากการทดสอบรันคำสั่ง Javascript ผมเองก็ยังเพิ่งเริ่มใช้ เห็นว่ามันมีประโยชน์ดีเลยอยากแนะนำให้ลองใช้กันดู
เยี่ยม!!!
ยอด!!!
ตอนฝึกงานใช้ตัวนี้บ่อยมาก
ตัวนี้ดีมาก ทำprojectใช้ตัวนี้ช่วยด้วยแหละ
โหลดมานานแล้ว แต่ยังไม่ค่อยได้ใ้ช้ เลยยังใช้ไม่เป็นอยู่เลย ฮ่าๆ