Firefox Quantum Developer Tools
เป็นเสมือนจุดศูนย์กลางให้นักพัฒนาเว็บทำงานง่ายขึ้น ไม่ต้องสลับเครื่องมือไปมาในการพัฒนาเว็บ
Firefox ได้ออกตัว Developer Tools เพืื่อให้เหล่านักพัฒนาได้ใช้กัน โดย Firefox Developer Edition ตัวใหม่นี้ จะเน้นในเรื่องของความสวยงาม และประสิทธิภาพที่เพิ่มขึ้น โดยเน้น CSS ที่มีความทันสมัยและรวดเร็วขึ้น และเพิ่มคุณสมบัติอื่นๆอีกมากมาย
Firefox DevTools ตัวใหม่มีทั้งประสิทธิภาพ ความยืดหยุ่น และยิ่งไปกว่านั้น คือ การที่มีเสรีภาพในการแก้ไขดัดแปลง รวมไปถึงตัวดีบั๊ก JavaScript ที่ดีที่สุดในจำพวกเดียวกัน ซึ่งใช้ได้หลายเว็บเบราว์เซอร์ และสร้างมาบน React และ Redux และเป็นเบราว์เซอร์ตัวเดียวที่สร้างมาให้สร้างและออกแบบ CSS Grid ได้โดยเฉพาะ เครื่องมือเหล่านี้ทำให้เราสามารถมองเห็นกริด แสดงผลชื่อกับพื้นที่ที่เกี่ยวข้อง นำการแปลงรูปบนกริดมาให้ดูก่อน และอื่น ๆ อีกมากมาย อาทิ เช่น
- ตัวตรวจสอบ -- โดยจะตรวจสอบและปรับปรุงรหัสโปรแกรม เพื่อสร้างโครงที่สมบูรณ์แบบทุกจุด
- ตัวดีบั๊ก -- มีตัวดีบั๊ก Javascript ที่มีประสิทธิภาพเพื่อรองรับเฟรมเวิร์คต่างๆ
- ตรวจสอบเครือข่าย -- สามารถตรวจสอบความเร็วของเครือข่ายได้
- โหมดออกแบบตอบสนองทันที -- สามารถทดสอบการออกแบบหน้าเว็บของเราบนเว็บไซต์ได้เลย
- การแก้ไข -- ปรับภาพเคลื่อนไหว การจัดให้ตรงกัน และการเสริมขอบ อย่างละเอียด
- ลักษณะของตัวแก้ไข -- แก้ไขจัดการ CSS stylesheet ทั้งหมดของเราได้ในเบราว์เซอร์
- มีกระดานทดลอง -- โดยจะแก้ไขและปรับแต่ง และรันโค้ด ได้เลย
ข้อมูลอ้างอิงและภาพประกอบ : https://www.mozilla.org/en-US/firefox/developer/