ไม่จำเป็นต้องพูดว่าการติดตั้งนั้นง่ายมาก เพียงค้นหา FireBug ในไลบรารีปลั๊กอินบน FireFox และทุกอย่างจะเรียบร้อย ภาพด้านล่างคือหน้าต่าง FireBug Debug
ศิลปินใช้ FireBug กันทั่วไป และศิลปินในเครือของบริษัทก็มีทักษะมากในเรื่องนั้น สำหรับนักพัฒนาอย่างเรา เราใช้มันเพื่อดีบัก JS เป็นหลัก ดูข้อมูลเบื้องต้นอย่างเป็นทางการเกี่ยวกับฟังก์ชัน DebugFirebug มีดีบักเกอร์ JavaScript ที่ทรงพลังซึ่งช่วยให้คุณหยุดการทำงานชั่วคราวได้ตลอดเวลาและดูว่าตัวแปรแต่ละตัวมีลักษณะอย่างไรในขณะนั้น หากโค้ดของคุณช้าเล็กน้อย ให้ใช้ตัวสร้างโปรไฟล์ JavaScript เพื่อวัดประสิทธิภาพและค้นหาปัญหาคอขวดอย่างรวดเร็ว
กล่าวโดยสรุป FireBug ช่วยให้เราสามารถดีบัก JS และดูตัวแปรได้ตลอดเวลา และในขณะเดียวกันก็ค้นหาปัญหาคอขวดของประสิทธิภาพใน JS
รูปภาพด้านล่างแสดงวิธีค้นหา JS ของเว็บแอปพลิเคชัน เปิดใช้งาน Firebug คลิก Script จากนั้นเลือก JS ที่คุณต้องการแก้ไขถัดจากทั้งหมด
รูปภาพด้านล่างแสดงวิธีกำหนดจุดพัก ซึ่งโดยพื้นฐานแล้วจะเหมือนกับใน Eclipse คลิกที่หมายเลขบรรทัดก็จะเรียบร้อย
รูปด้านล่างแสดงวิธีการตั้งค่าเงื่อนไขบนเบรกพอยต์ หากตรงตามเงื่อนไข เบรกพอยต์จะถูกป้อนฟังก์ชันนี้ดีมาก โดยเฉพาะอย่างยิ่งเมื่อทำการดีบักฟังก์ชันที่ซับซ้อน รูปภาพด้านล่างแสดงวิธีการดีบักขั้นตอนเดียว เช่นเดียวกับ Eclipse, F11 ขั้นตอนเดียว รูปภาพด้านล่างคือการดู Stack ที่เรียกว่า ซึ่งมีประโยชน์มากสำหรับการดีบัก JS ที่ซับซ้อน รูปภาพด้านล่างแสดงให้เห็นว่าการดูตัวแปรโดยพื้นฐานแล้วจะเหมือนกับ EclipseDebugรูปภาพด้านล่างแสดงตัวแปรที่จุดพัก
มีฟังก์ชันที่มีประโยชน์มากซึ่งสามารถสลับระหว่างบรรทัดของโค้ดได้อย่างรวดเร็ว ทำให้ง่ายต่อการดีบัก JS นับพันบรรทัด
ภาพด้านล่างคือผลการทดสอบประสิทธิภาพ ใช้งานง่ายมาก คลิกที่โปรไฟล์นอกจากนี้ยังมีฟังก์ชัน Log ที่ใช้งานได้จริงมากกว่า ดูภาพด้านล่าง หากคุณไม่ต้องการป้อนเบรกพอยต์ทุกครั้ง ควรใช้สิ่งนี้
นั่นคือการใช้งานพื้นฐานทั้งหมด ฉันหวังว่าจะเป็นประโยชน์กับทุกคน