Firebug มีคุณสมบัติพิเศษอะไรบ้างที่ไม่มีใน Firefox

ฉันเพิ่งทำความสะอาดส่วนเสริม Firefox และสงสัยว่า:

• Firebug มีคุณสมบัติใดบ้างที่ทำให้เป็นเอกลักษณ์

• คุณลักษณะใดที่มีให้ใช้งานทั้งใน Firebug และ Firefox Developer Tools

เครื่องมือสำหรับนักพัฒนาของ Firefox มาไกลตั้งแต่คำถามนี้ถูกเขียนขึ้น ความแตกต่างลดลงส่วนใหญ่เป็นประเด็นต่อไปนี้:

• ไม่สามารถหยุดการทำงานของสคริปต์ในการกลายพันธุ์ของ DOM, XHRs หรือการเปลี่ยนแปลงคุกกี้
• ไม่สามารถคัดลอก XPath ได้
• ไม่มีแผงด้านข้างของเหตุการณ์ในตัวตรวจสอบ (แม้ว่าเหตุการณ์จะแสดงภายในโครงสร้าง DOM)
• ไม่มีแผงด้านข้าง DOM ในตัวตรวจสอบ
• ไม่มีการแสดงตัวอย่างสดขณะแก้ไข HTML
• ไม่มีการเติมข้อความอัตโนมัติสำหรับคุณสมบัติที่ไม่สามารถนับได้ในบรรทัดคำสั่ง
• ไม่สามารถค้นหาภายในไฟล์หลายไฟล์ใน Style Editor
• ไม่มีบรรทัดคำสั่งหลายบรรทัดในเว็บคอนโซล (แม้ว่าจะมี Scratchpad และบรรทัดคำสั่ง "smart-multi-line" ก็ตาม)
• ไม่มีปุ่มแถบเครื่องมือเพื่อสลับเครื่องมือหรือตัวตรวจสอบ
• ไม่สามารถค้นหาภายในการตอบสนองของคำขอเครือข่าย
• ไม่มีการเติมข้อความอัตโนมัติสำหรับคุณสมบัติ CSS หลายประการ
• ไม่มีคำสั่งบรรทัดคำสั่งหลายคำสั่ง
• ไม่สามารถเพิ่มคุกกี้ได้เพียงแก้ไขคุกกี้ที่มีอยู่
• ไม่มีโหมดเปิดตลอดเวลาและการเปิดใช้งานต่อโดเมน (แทนที่จะเป็นต่อแท็บ)

มีสิ่งที่ขาดหายไปมากขึ้นซึ่งมีการติดตามในมีรายงานข้อผิดพลาดฟ้องทุกช่องว่างระหว่าง Firebug และ Firefox DevTools

การรวม Firebug

ตอนนี้Firebugถูกสร้างขึ้นบนเครื่องมือสำหรับนักพัฒนาดั้งเดิม เนื่องจาก Firefox 48 ยังมีธีม Firebugที่ดูเหมือนส่วนขยาย Firebug ให้คุณรู้สึกเหมือนอยู่บ้านหากคุณคุ้นเคยกับ Firebug เมื่อเปิดใช้งาน Firefox แบบหลายกระบวนการแล้วการกดF12หรือคลิกปุ่ม Firebug จะเปิด Firefox DevTools และด้วยธีม Firebug

นอกจากนี้ยังมีคู่มือการย้ายข้อมูลที่อธิบายความแตกต่างระหว่าง Firebug และ Firefox DevTools

มีคุณสมบัติเล็ก ๆ มากมายที่ Firebug มีที่เครื่องมือในตัวไม่มี เมื่อเล่นกับ UI นี่คือสิ่งที่อยู่ในใจ แต่ฉันแน่ใจว่ามีมากกว่านั้น:

• ความสามารถในการตรวจสอบการปิดเช่นsomeFunction.%closureVarไวยากรณ์บรรทัดคำสั่ง
• คลิกขวาเพื่อเล่นกับค่าใดก็ได้ในบรรทัดคำสั่ง
• คลิกเดียวเพื่อแก้ไข
• ไฮไลต์องค์ประกอบบนโฮเวอร์
• บรรทัดคำสั่ง API เช่นincludeและgetEventListeners
• ความสามารถในการแสดงรูปแบบ UA
• "เพิ่มกฎ" จากในแผงรูปแบบ
• แผง CSS ที่ใช้กับ CSS ที่ย่อขนาดได้
• เมื่อองค์ประกอบมีเฉพาะข้อความแผง HTML จะแสดงข้อความแบบอินไลน์
• XHR เข้าสู่คอนโซลด้วย JSON prettification (ซึ่งไม่ได้เปิดป๊อปอัป)
• "หยุดการเปลี่ยนแปลงแอตทริบิวต์ / การเปลี่ยนแปลงทรีย่อย / การลบโหนด" ในแผง HTML
• "Break on mutate", "Break on next", "Break on property change", "Break on cookies change"
• แผงคุกกี้ทั้งหมด
• สแต็กเทรซในแผงคอนโซล
• แก้ไขและวาง HTML
• ค้นหาข้อความอิสระภายในแผงควบคุมส่วนใหญ่
• มีตัวเลือกมากมายในการบิดเกลียวหากคุณต้องการ
• การบันทึกเหตุการณ์

นอกจากนี้ยังมีแง่มุมที่เป็นส่วนตัวสำหรับเรื่องนี้ ตัวอย่างเช่นโดยส่วนตัวแล้วฉันชอบ UI ของ Firebug และรูปลักษณ์มากกว่าความมืดของเครื่องมือและความคุ้นเคยกับเครื่องมือก่อนหน้านี้เป็นสิ่งสำคัญเสมอ

ดูเหมือนว่ามีใครบางคนเห็นคำถามของฉันที่นี่;)

https://hacks.mozilla.org/2013/10/firefox-developer-tools-and-firebug/

ปัญหาคือยังไม่ตอบโจทย์มากนัก แต่ก็เป็นนัยว่า Firebug ในตอนนี้ไม่มีอะไรที่จะแยกความแตกต่างได้มากนักและกำลังมองหาวิธีที่จะเปลี่ยนแปลงสิ่งนั้น

สิ่งนี้จะไม่เกี่ยวข้องในไม่ช้าเนื่องจาก Firebug และเครื่องมือสำหรับนักพัฒนาเนทีฟกำลังรวมเข้าด้วยกัน:

Firebug 2 ไม่ทำงานในเบราว์เซอร์หลายกระบวนการ (เช่น e10s) และการแปลงมันซับซ้อนเกินไปมันจะหยุดทำงานเมื่อเปิดใช้งาน e10s ใน Firefox

เราต้องการเตรียมพร้อมเมื่อ Firebug 2 หยุดทำงานและเราได้วางแผนต่อไปนี้

รวมคุณสมบัติ Firebug 3 ทั้งหมดไว้ในเครื่องมือในตัวของ Firefox และส่งต่อผู้ใช้ Firebug ทั้งหมดไปที่

แทนที่ Firebug 2 โดยปล่อย Firebug 3 (บน AMO) เฉพาะในกรณีที่เราต้องส่งมอบคุณสมบัติที่สำคัญใด ๆ ที่ขาดหายไปในเครื่องมือของนักพัฒนา Firefox ในส่วนขยาย

ขณะนี้เรากำลังดำเนินการพอร์ต XHR Inspector (จุดบกพร่อง 1211525 ) แผง DOM (จุดบกพร่อง 1201475 ) และธีม Firebug ( ข้อบกพร่อง 1244054 )

เป้าหมายหลักสำหรับ Firebug รุ่นต่อไปคือการรวมเข้ากับ DevTools ในตัวของ Firefox นอกจากนี้ Firebug Working Group ยังมีแผนคุณลักษณะใหม่ ๆ เพื่อขยาย DevTools ด้วยฟังก์ชันใหม่ ๆ

ปัจจุบัน Firebug 3.0 alpha (หรือที่เรียกว่า Firebug.next) สามารถใช้งานร่วมกับ Firefox 35-36 ได้และจะรองรับเบราว์เซอร์หลายกระบวนการ (เช่นเดียวกับเบราว์เซอร์ที่ไม่ใช่หลายกระบวนการ)

Firebug 3.0 (หรือที่เรียกว่า Firebug.next) หมายถึง Firebug รุ่นถัดไปที่สร้างขึ้นจากเครื่องมือสำหรับนักพัฒนา Firefox ดั้งเดิม

หากคุณติดตั้ง Firebug 2 ลงในเบราว์เซอร์ที่เปิดใช้งานหลายกระบวนการ (e10s) คุณจะได้รับแจ้งให้อัปเกรดเป็น Firebug 3 หรือปิดการสนับสนุนหลายกระบวนการ

Mozilla เลื่อนการเปิดตัว Electrolysis หลายครั้งแล้ว แผนปัจจุบันคือการเผยแพร่ Firefox แบบหลายกระบวนการไปยังแชนเนลที่เสถียรในวันที่ 19 เมษายน 2016 เมื่อ Firefox 46 ออกสู่แชนเนลที่เสถียร

อย่างไรก็ตามนี่เป็นวันที่วางจำหน่ายที่คาดการณ์ไว้เท่านั้นและมีความเป็นไปได้ที่ Electrolysis จะล่าช้าออกไปอีก

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

เราได้ดำเนินการเพื่อรวมเครื่องมือสำหรับนักพัฒนา Firefox และ Firebug มาระยะหนึ่งแล้ว จาก Firefox 49 เราจะจัดส่ง Firebug.next ในตัว

หากคุณใช้ Firefox Developer Tools ในตัวแทนที่จะเป็น Firebug คุณอาจชอบ DOM Panel และ Firebug Theme ที่เราได้เพิ่มเข้ามาในการผสานนี้

นอกจากนี้เรายังได้พอร์ตส่วนขยาย Firebug ทั่วไป (PixelPerfect, FireQuery และ HARExportTrigger เดิมชื่อ NetExport) และในขณะที่เรากำลังดำเนินการอยู่คุณอาจชอบส่วนขยาย WebSocket Monitor ใหม่ของเรา

ในฐานะส่วนหนึ่งของการย้ายคุณสมบัติ Firebug ไปยังเครื่องมือในตัวเรายังทำการพอร์ตธีม Firebug เพื่อให้ผู้ใช้ Firebug มีสภาพแวดล้อมที่คุ้นเคยมากขึ้น

ธีมนี้ร้อนแรงร้อนแรง! ทักทายธีม Firebug สำหรับ Developer Tools

Mozilla เปิดตัว Firefox 48 สำหรับ Windows, Mac, Linux และ Android เบราว์เซอร์ได้รับการสนับสนุนหลายโปรเซสเซอร์ (ในที่สุด) การป้องกันที่เพิ่มขึ้นจากการดาวน์โหลดที่เป็นอันตรายและการปรับปรุงสื่อบน Android ยกเลิกการรองรับ OS X เวอร์ชันเก่าและ Android Gingerbread แล้ว

ใน Firefox 48 Mozilla กำลังเปิดใช้งานการสนับสนุนหลายกระบวนการอย่างช้าๆโดยเริ่มจากผู้ใช้ 1 เปอร์เซ็นต์และเพิ่มขึ้นเกือบครึ่งหนึ่งของช่องทาง Firefox Release หากต้องการตรวจสอบว่าคุณอยู่ในกลุ่ม Electrolysis หรือไม่ให้พิมพ์ "about: support" ลงในแถบ URL และตรวจสอบว่ามีข้อความ "1/1 (เปิดใช้งานโดยค่าเริ่มต้น)" ใต้รายการโฆษณาหลายกระบวนการของ Windows หรือไม่

อ้างอิง

• Firebug อาศัยอยู่ใน Firefox DevTools

• การรวม Firebug เข้ากับ Firefox Developer Tools ในตัว

• Mozilla เปิดตัว Multi-Process Test ใน Firefox เบต้า

• แผนงาน Firebug

• Firebug 3 และ Multiprocess Firefox (e10s)

• Firebug.next Github repo

• Unifying Firebug & Firefox DevTools

• Developer Edition 48 - คุณสมบัติ Firebug พื้นที่เก็บข้อมูลที่แก้ไขได้การปรับปรุงตัวตรวจสอบและอื่น ๆ ...

• หน้าโครงการ Firebug 3.0

• การดีบักระยะไกล: การดีบัก Firefox Desktop

• บันทึกประจำรุ่น Firefox 48: เครื่องมือสำหรับนักพัฒนา

• Firefox 48 มาพร้อมกับการรองรับหลายกระบวนการลดลง OS X เวอร์ชันเก่าและ Android Gingerbread

ฉันคิดว่าข้อได้เปรียบที่ใหญ่ที่สุด - หลังจากการใช้ฟังก์ชันNetwork Panel & Timeline -คือความพร้อมใช้งานของFirebug Extensionsต่างๆเช่น YSlow, Page Speed, FirePython และอื่น ๆ

ในท้ายที่สุดอาจเป็นทางเลือกที่ขึ้นอยู่กับความชอบส่วนบุคคลของคุณเพื่อหาอาวุธทางเลือกที่ทำให้คุณสะดวกและรวดเร็วที่สุด

รายละเอียดที่น่าสนใจเกี่ยวกับการตัดสินใจครั้งนี้คือFirebug ครั้งหนึ่งเคยเป็นหนึ่งในปลั๊กอินที่มีผลกระทบด้านลบที่สำคัญที่สุดใน Firefox ฉันไม่รู้เกี่ยวกับการศึกษาในปัจจุบันเกี่ยวกับเรื่องนี้โดยเฉพาะอย่างยิ่งหากเครื่องมือสำหรับนักพัฒนาในตัวมีประสิทธิภาพที่ดีกว่า Firebug

ข้อดีอย่างหนึ่งของเครื่องมือ dev เนทีฟในเวอร์ชัน firebug ปัจจุบันคือมี sourcemaps โดยที่ firebug ไม่มี

คุณลักษณะเฉพาะที่ Firebug มี แต่ตัวตรวจสอบในตัวของ Firefox ไม่มี ได้แก่ :

• คัดลอก XPath
• คัดลอกขั้นต่ำ XPath
• คัดลอกเส้นทาง CSS

คุณลักษณะเฉพาะที่ตัวตรวจสอบในตัวของ Firefox มี แต่ Firebug ไม่มี ได้แก่ :

• คัดลอกตัวเลือกเฉพาะ

บรรทัดคำสั่งคอนโซลในโหมดตัวแก้ไขขนาดใหญ่อนุญาตให้รันโค้ดกับบริบทปัจจุบัน Scratchpad ใหม่ไม่เห็นขอบเขตเบรกพอยต์ปัจจุบัน นี่เป็นการสูญเสียที่น่ากลัว