อ่าน 4 นาที
ไฟร์บัก (ซอฟต์แวร์)
Firebug เป็น ส่วนขยาย เว็บเบราว์เซอร์โอเพนซอร์ส ฟรีที่เลิกใช้งาน แล้ว [ 4 ] สำหรับ Mozilla Firefox [ 2 ] ซึ่งอำนวยความสะดวกใน การดีบัก แก้ไข และตรวจสอบ CSS , HTML , DOM , XHR และ...
ไฟร์บัก (ซอฟต์แวร์)
| ไฟร์บัก | |
|---|---|
โปรแกรม Firebug เวอร์ชัน 2.0.1 ทำงานใน Firefox เวอร์ชัน 30.0 บนระบบปฏิบัติการ Windows 7 โดยเปิดใช้งานแผง HTML ในหน้าหลักของ Wikipedia | |
| ผู้เขียนต้นฉบับ | โจ ฮิววิตต์ |
| นักพัฒนา | กลุ่มทำงาน Firebug |
| เวอร์ชันสุดท้าย | 2.0.19 [ 1 ] / 16 กุมภาพันธ์ 2017 |
| เขียนเป็น | JavaScript , XUL , CSS |
| ระบบปฏิบัติการ | ข้ามแพลตฟอร์ม |
| พิมพ์ | ส่วนขยาย Mozilla [ 2 ] |
| ใบอนุญาต | ใบอนุญาต BSD ใหม่[ 3 ] |
| เว็บไซต์ | getfirebug.com |
| ที่เก็บข้อมูล |
|
Firebugเป็น ส่วนขยาย เว็บเบราว์เซอร์โอเพนซอร์สฟรีที่เลิกใช้งาน แล้ว [ 4 ] สำหรับMozilla Firefox [ 2 ]ซึ่งอำนวยความสะดวกในการดีบักแก้ไข และตรวจสอบCSS , HTML , DOM , XHRและJavaScript ของเว็บไซต์ใดๆ แบบเรียลไท ม์[ 5 ]
ประวัติศาสตร์
Firebug ได้รับการอนุญาตภายใต้ใบอนุญาต BSD [ 3 ]และเขียนขึ้นครั้งแรกในเดือนมกราคม พ.ศ. 2549 โดยJoe Hewittหนึ่งในผู้สร้าง Firefox ดั้งเดิม[ 6 ]ในเวอร์ชัน 0.2.3 ที่วางจำหน่ายเมื่อวันที่ 31 มกราคม พ.ศ. 2549 ได้มีการเพิ่มทางลัด F12 ซึ่งปัจจุบันพบได้ในเบราว์เซอร์ทุกตัว เพื่อเปิด/ปิดแผงเครื่องมือสำหรับนักพัฒนา[ 7 ]กลุ่มทำงาน Firebug ดูแลการพัฒนาและการขยาย Firebug แบบโอเพนซอร์ส โดยมีการใช้งานหลักสองแบบ ได้แก่ ส่วนขยายสำหรับ Mozilla Firefox และ การใช้งาน บุ๊กมาร์กเล็ตที่เรียกว่า Firebug Lite [ 8 ]ซึ่งสามารถใช้กับGoogle Chromeได้[ 9 ]
นอกจากการดีบักหน้าเว็บแล้ว Firebug ยังใช้สำหรับการทดสอบความปลอดภัยของเว็บ[ 10 ]และการวิเคราะห์ประสิทธิภาพของเว็บเพจ[ 11 ]
Firebug ถูกยกเลิกการใช้งานแล้ว และถูกแทนที่ด้วยเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์แบบบูรณาการที่เพิ่มเข้ามาใน Firefox เอง ซึ่งฟังก์ชันการทำงานได้รับการรวมเข้ากับฟังก์ชันของ Firebug แล้ว เนื่องจาก Firefox 57 ไม่รองรับ ส่วนเสริม XUL อีกต่อไป Firebug จึงไม่สามารถใช้งานร่วมกันได้อีกต่อไป[ 12 ]
ประวัติเวอร์ชัน
เวอร์ชั่น 2.0
Firebug 2.0 ได้เพิ่มคุณสมบัติใหม่มากมายให้กับส่วนขยาย Firebug รวมถึงการเน้นไวยากรณ์ JavaScript การ จัดรูปแบบการแสดงผลที่สวยงามสำหรับโค้ด JavaScript ที่ย่อขนาดแล้ว และตัวตรวจสอบเหตุการณ์ DOM เพื่อจัดการตัวจัดการเหตุการณ์ ทั้งหมด ในหน้าเว็บ นอกจากนี้ ผู้ใช้ยังสามารถค้นหาองค์ประกอบของหน้าเว็บโดยใช้ตัวเลือก CSS ในแถบการค้นหา เครื่องมือดีบักในปัจจุบันอนุญาตให้ผู้ใช้ตรวจสอบนิพจน์ JavaScript ขณะที่กำลังประเมินผล ยิ่งไปกว่านั้น ผู้ใช้ยังสามารถตรวจสอบค่าที่ส่งคืนจากฟังก์ชัน JavaScript ได้อีกด้วย นอกจากนี้ยังเพิ่มความสามารถในการสร้างแอตทริบิวต์ HTML ใหม่สำหรับองค์ประกอบ HTML ที่มีอยู่[ 13 ]
เวอร์ชัน 3.0
เมื่อวันที่ 10 พฤศจิกายน 2014 มีการประกาศ Firebug 3.0 และเวอร์ชันอัลฟ่าก็เปิดให้สาธารณะได้ใช้งาน[ 14 ]เวอร์ชันนี้จะมีธีมใหม่และจะเน้นไปที่ประสบการณ์ของผู้ใช้
คุณสมบัติ
Firebug จะทำการเปลี่ยนแปลงทันทีและให้ข้อเสนอแนะแก่ผู้ใช้อย่างต่อเนื่อง โปรแกรมแก้ไขทั้งหมดใน Firebug รองรับ การ เติมข้อความอัตโนมัติ[ 13 ]
บรรทัดคำสั่งของ Firebug ยอมรับคำสั่งที่เขียนด้วย JavaScript ผลลัพธ์ของการดำเนินการแต่ละคำสั่งจะแสดงในคอนโซล โดยปรากฏเป็นไฮเปอร์ลิงก์ แอปพลิเคชัน Firebug มีหน้าต่างหลายบาน โดยแบ่งคุณสมบัติที่เกี่ยวข้องไปยังหน้าต่างทั่วไป[ 15 ] Firebug ยังอนุญาตให้ผู้ใช้ดูเวลาดาวน์โหลดสำหรับไฟล์แต่ละไฟล์ โดยจะแยกวัตถุประเภทต่างๆ เช่น ไฟล์ JavaScript และรูปภาพ และสามารถระบุได้ว่าไฟล์ใดถูกโหลดจากแคชของเบราว์เซอร์ Firebug ยังมีคุณสมบัติในการตรวจสอบส่วนหัว HTTP และการประทับเวลาที่สัมพันธ์กับเวลาที่ส่งคำขอ HTTP [ 16 ]แผงเน็ตของมันสามารถตรวจสอบ URL ที่เบราว์เซอร์ร้องขอ เช่น CSS ภายนอก JavaScript และไฟล์รูปภาพ
เอชไอวีและซีเอสซี
เครื่องมือ HTML และ CSS ช่วยให้สามารถตรวจสอบและแก้ไของค์ประกอบ HTML และ CSS บนหน้าเว็บได้[ 17 ] Firebug เวอร์ชันต่อมาช่วยให้ผู้ใช้เห็นการเปลี่ยนแปลง CSS แบบเรียลไทม์[ 13 ]การแสดงภาพองค์ประกอบ CSS จะแสดงขึ้นขณะตรวจสอบองค์ประกอบ HTML แท็บเค้าโครงของ Firebug ใช้สำหรับแสดงและจัดการค่าคุณสมบัติ CSS นอกจากนี้ ผู้ใช้ยังสามารถคลิกที่องค์ประกอบ HTML ที่มองเห็นได้บนหน้าเว็บเพื่อเข้าถึงค่าคุณสมบัติ CSS ได้[ 18 ]
คอนโซล JavaScript
แท็บสคริปต์ของ Firebug ช่วยให้ผู้ใช้สามารถตั้งเบรกพอยต์และก้าวผ่านบรรทัดโค้ดได้[ 19 ]นอกจากนี้ Firebug ยังสามารถนำทางไปยังบรรทัดโค้ด JavaScript โดยตรง ตรวจสอบนิพจน์ สแต็กการเรียก และเรียกใช้ดีบักเกอร์ในกรณีที่เกิดข้อผิดพลาดระหว่างการดำเนินการ Firebug ยังสามารถบันทึกข้อผิดพลาดได้ การบันทึกใช้ API JavaScript ของ Firebug แผง JavaScript ของ Firebug สามารถบันทึกข้อผิดพลาด โปรไฟล์การเรียกฟังก์ชัน และช่วยให้นักพัฒนาสามารถเรียกใช้ JavaScript ใดๆ ก็ได้ Firebug อนุญาตให้ผู้ใช้เรียกใช้โค้ด JavaScript ผ่านทางบรรทัดคำสั่ง และอนุญาตให้ผู้ใช้บันทึกข้อผิดพลาดที่เกิดขึ้นใน JavaScript, CSS และ XML Firebug มีตัวแก้ไขข้อความแยกต่างหากเพื่อแก้ไข JavaScript และดูผลลัพธ์ได้ทันทีบนเบราว์เซอร์ของผู้ใช้
ตามที่ได้แจ้งไว้ในการอัปเดต คำสั่งบรรทัดคำสั่ง JavaScript มีฟังก์ชันเติมข้อความอัตโนมัติ นอกจากนี้ โปรแกรมแก้ไขข้อความยังรองรับการเขียนฟังก์ชันแบบเต็มรูปแบบอีกด้วย Firebug กำหนดให้ผู้ใช้ต้องรีเฟรชหน้าเว็บในกรณีที่เกิดข้อผิดพลาด
ส่วนขยาย
มีการสร้างส่วนขยายมากมายเพื่อปรับปรุง Firebug เนื่องจาก Firebug เป็นโอเพนซอร์ส ผู้ใช้จึงสามารถส่งส่วนขยายของตนเองไปยังชุมชน Firebug ได้[ 20 ]
ดูเพิ่มเติม
- เนื้อหาที่ไม่ได้จัดรูปแบบปรากฏขึ้นชั่วขณะ
- Google Chrome § ส่วนติดต่อผู้ใช้ (Google Chrome Inspector)
- เครื่องมือสำหรับนักพัฒนา Internet Explorer
- โอเปร่า ดราก้อนฟลาย
- Safari (เว็บเบราว์เซอร์) § คุณสมบัติอื่นๆ (Web Inspector)
อ่านเพิ่มเติม
- Luthra, Chandan; Mittal, Deepak (7 เมษายน 2553). Firebug 1.5: การแก้ไข การดีบัก และการตรวจสอบเว็บเพจ (ฉบับพิมพ์ครั้งที่ 1). สำนักพิมพ์ Packt . หน้า 224. ISBN 978-1-84719-496-1.
ลิงก์ภายนอก
สรุปเนื้อหา
ข้อมูลสำคัญจากบทความ
ข้อมูลสำคัญเกี่ยวกับ ไฟร์บัก (ซอฟต์แวร์)
Firebug เป็น ส่วนขยาย เว็บเบราว์เซอร์โอเพนซอร์ส ฟรีที่เลิกใช้งาน แล้ว [ 4 ] สำหรับ Mozilla Firefox [ 2 ] ซึ่งอำนวยความสะดวกใน การดีบัก แก้ไข และตรวจสอบ CSS , HTML , DOM , XHR และ...
ประวัติศาสตร์
Firebug ได้รับการอนุญาตภายใต้ ใบอนุญาต BSD [ 3 ] และเขียนขึ้นครั้งแรกในเดือนมกราคม พ.ศ. 2549 โดย Joe Hewitt หนึ่งในผู้สร้าง Firefox ดั้งเดิม [ 6 ] ในเวอร์ชัน 0.2.3 ที่วางจำหน่ายเมื่อวันที่ 31 มกราคม พ.ศ.
เวอร์ชั่น 2.0
Firebug 2.0 ได้เพิ่มคุณสมบัติใหม่มากมายให้กับส่วนขยาย Firebug รวมถึง การเน้นไวยากรณ์ JavaScript การ จัดรูปแบบการแสดงผลที่สวยงามสำหรับโค้ด JavaScript ที่ย่อขนาดแล้ว และตัวตรวจสอบเหตุการณ์ DOM เพื่อจัดการ ตัวจัดการเหตุการณ์ ทั้งหมด ในหน้าเว็บ นอกจากนี้...
เวอร์ชัน 3.0
เมื่อวันที่ 10 พฤศจิกายน 2014 มีการประกาศ Firebug 3.0 และเวอร์ชันอัลฟ่าก็เปิดให้สาธารณะได้ใช้งาน [ 14 ] เวอร์ชันนี้จะมีธีมใหม่และจะเน้นไปที่ประสบการณ์ของผู้ใช้