Mozilla เพิ่งเปิดตัว Developer Edition ใหม่สำหรับนักพัฒนาเว็บเพื่อใช้งาน แต่ Firefox เวอร์ชันปกติจะแตกต่างกันมากแค่ไหน? โพสต์ถาม & ตอบ SuperUser วันนี้มีคำตอบสำหรับคำถามของผู้อ่านที่อยากรู้อยากเห็น
เซสชันคำถามและคำตอบของวันนี้มาถึงเราโดยได้รับความอนุเคราะห์จาก SuperUser ซึ่งเป็นแผนกย่อยของ Stack Exchange ซึ่งเป็นการรวมกลุ่มเว็บไซต์ถาม & ตอบโดยชุมชน
คำถาม
ผู้อ่าน SuperUser Saurabh Lprocks ต้องการทราบความแตกต่างระหว่าง Firefox รุ่นปกติและรุ่นสำหรับนักพัฒนา:
Mozilla เพิ่งเปิดตัวเว็บเบราว์เซอร์เวอร์ชันใหม่ชื่อ Mozilla Firefox Developer Edition ซึ่งมุ่งเน้นไปที่นักพัฒนาเว็บโดยเฉพาะ
ฉันติดตั้งแล้ว แต่ฉันไม่พบความแตกต่างระหว่าง Firefox รุ่นปกติและรุ่นสำหรับนักพัฒนามากนัก เครื่องมือทั้งหมดในรุ่นสำหรับนักพัฒนายังอยู่ในรุ่นปกติ ฉันต้องการทราบว่ารุ่นพิเศษของนักพัฒนาซอฟต์แวร์มีอะไรบ้างที่รุ่นปกติไม่มี
ความแตกต่างระหว่าง Firefox รุ่นปกติและรุ่นสำหรับนักพัฒนาคืออะไร?
คำตอบ
ผู้สนับสนุน SuperUser blade19899 และ Dave มีคำตอบให้เรา ก่อนอื่น blade19899:
Firefox Developer Edition เป็นเวอร์ชันดัดแปลงของ Firefox ที่ออกแบบมาสำหรับนักพัฒนาเว็บโดยเฉพาะ นอกจากนี้ยังใช้โปรไฟล์แยกต่างหากจากเวอร์ชันปกติเพื่อให้เรียกใช้แบบเคียงข้างกันเป็นตัวเลือก นั่นหมายความว่าส่วนเสริมและการตั้งค่าทั้งหมดของคุณจะไม่มีให้ใช้งานใน Firefox Developer Edition แต่คุณสามารถใช้ Firefox Sync เพื่อให้ส่วนเสริมและการตั้งค่าของคุณซิงโครไนซ์กับทั้งสองเวอร์ชัน
คุณลักษณะทั้งหมดใน Firefox Developer Edition จะพร้อมใช้งาน 12 สัปดาห์ก่อนที่จะพร้อมใช้งานใน Firefox เวอร์ชันปกติ
คุณสมบัติบางอย่างที่มีอยู่ใน Firefox Developer Edition ที่เวอร์ชันปกติไม่มี ได้แก่ :
Web IDE
Web IDE ช่วยให้คุณสามารถพัฒนาปรับใช้และดีบักเว็บแอปได้โดยตรงในเบราว์เซอร์ของคุณหรือบนอุปกรณ์ Firefox OS ช่วยให้คุณสร้างแอป Firefox OS ใหม่ (ซึ่งเป็นเพียงเว็บแอป) จากเทมเพลตหรือเปิดโค้ดของแอปที่มีอยู่ จากนั้นคุณสามารถแก้ไขไฟล์ของแอปได้ เพียงคลิกเดียวเพื่อเรียกใช้แอปในเครื่องจำลองและอีกหนึ่งครั้งเพื่อแก้ไขข้อบกพร่องด้วยเครื่องมือสำหรับนักพัฒนา คุณสามารถดูวิดีโอเกี่ยวกับ Web IDE บน YouTube ที่นี่ .
วาเลนซ์
ก่อนหน้านี้เรียกว่า Firefox Tools Adapter Valence ช่วยให้คุณพัฒนาและดีบักแอปของคุณในเบราว์เซอร์และอุปกรณ์ต่างๆโดยเชื่อมต่อเครื่องมือสำหรับนักพัฒนา Firefox กับเบราว์เซอร์หลักอื่น ๆ Valence ยังขยายเครื่องมือที่ยอดเยี่ยมที่สร้างขึ้นเพื่อดีบัก Firefox OS และ Firefox สำหรับ Android ไปยังเบราว์เซอร์มือถือหลักอื่น ๆ รวมถึง Chrome บน Android และ Safari บน iOS จนถึงตอนนี้เครื่องมือเหล่านี้ ได้แก่ Inspector, Debugger และ Console & Style Editor คุณสามารถดูวิดีโอเกี่ยวกับ Valence บน YouTube ที่นี่ .
โปรแกรมแก้ไขเสียงบนเว็บ
โปรแกรมแก้ไขเสียงบนเว็บ ช่วยให้คุณตรวจสอบและโต้ตอบกับ Web Audio API ได้แบบเรียลไทม์เพื่อให้แน่ใจว่าโหนดเสียงทั้งหมดเชื่อมต่อในแบบที่คุณคาดหวัง
คุณสามารถดู Q / A ของฉันได้ที่ Ask Ubuntu สำหรับคำตอบเชิงลึกเพิ่มเติม: ฉันจะติดตั้ง Firefox Developer Edition ได้อย่างไร
ตามด้วยคำตอบจาก Dave:
อย่างที่ฉันแน่ใจว่าคุณรู้อยู่แล้วว่าปัจจุบันมีคุณสมบัติเหล่านี้นอกกรอบ:
- Web IDE - ช่วยให้คุณพัฒนาปรับใช้และดีบักเว็บแอป
- มุมมองการออกแบบที่ตอบสนอง - ช่วยให้คุณเห็นว่าเว็บไซต์จะมีลักษณะอย่างไรในขนาดหน้าจอที่แตกต่างกัน
- Valence - ดีบักในเบราว์เซอร์ใด ๆ (ก่อนหน้านี้เรียกว่า Firefox Tools Adapter)
- Web Audio Editor - ตรวจสอบเสียงบนเว็บเพื่อให้แน่ใจว่าโหนดเสียงทั้งหมดเชื่อมต่อตามที่คาดไว้
- ตัวตรวจสอบหน้า - ตรวจสอบ HTML และ CSS
- เว็บคอนโซล - ดูข้อมูลที่บันทึกและโต้ตอบกับเว็บเพจโดยใช้ JavaScript
- JavaScript Debugger - ดีบัก JavaScript
- การตรวจสอบเครือข่าย - ดูคำขอเครือข่ายทั้งหมดที่เบราว์เซอร์สร้างขึ้นและระยะเวลาที่ใช้
- ตัวแก้ไขสไตล์ - แก้ไขสไตล์ CSS
คุณสามารถดูวิดีโอแนะนำทั่วไป ที่นี่ .
นอกจากนี้ยังรวมถึง:
- Firefox Hello - WebRTC (เครื่องมือที่อนุญาตให้โทรและวิดีโอแชทกับผู้อื่นจากภายในเบราว์เซอร์)
- ปุ่มลืม - คล้ายกับการล้างประวัติ
- Eyedropper - ให้คุณ "สแนป" สีจากหน้าเว็บ
- Scratch Pad - คอนโซล JS แบบสแตนด์อโลนสำหรับทดสอบตัวอย่าง JavaScript
- เชื่อมต่อ - ให้คุณเชื่อมต่อกับอุปกรณ์ระยะไกล
ดังที่คุณสังเกตเห็นแล้วว่าคุณลักษณะเหล่านี้บางส่วน (ส่วนใหญ่) มีให้บริการแล้วใน Firefox หรือผ่านทางส่วนเสริมในขณะนี้และเมื่อเวลาผ่านไปฉันสงสัยว่าจะมีให้ใช้งานเป็นปลั๊กอิน ตัวอย่างเช่น Page Inspector, Console, Debugger และคุณลักษณะอื่น ๆ อีกสองสามอย่างเป็นส่วนหนึ่งของส่วนเสริม Firebug แล้ว
สำหรับการเปลี่ยนขนาดหน้าจอและ CSS ฉันใช้เครื่องมือที่เรียกว่า Developer Toolbar
ฉันใช้ Firefox Developer Edition ในฐานะนักพัฒนาเว็บและนักออกแบบและรู้สึกเหมือน Firefox ที่มีปลั๊กอินที่ออกแบบมาเพื่อให้เหมาะกับนักออกแบบเว็บไซต์ (ซึ่งเป็นสิ่งที่ฉันคิดว่าพวกเขาตั้งเป้าไว้) โดยส่วนตัวแล้วฉันสนใจที่จะดูว่ามันพัฒนาไปอย่างไร
ในขณะนี้รู้สึกคล้ายกับดีบักเกอร์ที่มีอยู่แล้วใน Chrome และ Internet Explorer 11 (แม้ว่าฉันจะยังไม่ได้ลองใช้ทุกฟีเจอร์ก็ตาม)
คุณยังสามารถดูไฟล์ หมายเหตุ Firefox Developer Edition สำหรับรายละเอียดเพิ่มเติม
มีสิ่งที่จะเพิ่มคำอธิบาย? ปิดเสียงในความคิดเห็น ต้องการอ่านคำตอบเพิ่มเติมจากผู้ใช้ Stack Exchange ที่เชี่ยวชาญด้านเทคโนโลยีคนอื่น ๆ หรือไม่? ดูกระทู้สนทนาฉบับเต็มได้ที่นี่ .
