Firefox Developer Edition

ตอนนี้ Firefox DevTools จะเปลี่ยนการประกาศ CSS ที่ไม่มีผลกับหน้าเป็นสีเทา เมื่อคุณวางเมาส์เหนือไอคอนข้อมูล คุณจะเห็นข้อความที่มีประโยชน์ซึ่งจะอธิบายว่าเหตุใด CSS จึงไม่ถูกใช้ รวมถึงคำใบ้เกี่ยวกับวิธีแก้ไขปัญหาด้วย

Firefox DevTools ตัวใหม่ทรงพลัง ยืดหยุ่นและเหนือสิ่งใดมีเสรีภาพในการแก้ไขดัดแปลง รวมไปถึงตัวดีบั๊ก JavaScript ที่ดีที่สุดในจำพวกเดียวกัน ซึ่งใช้ได้หลายเว็บเบราว์เซอร์และสร้างมาบน React และ Redux

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

แผงแบบอักษรใหม่ใน Firefox DevTools ช่วยให้นักพัฒนาสามารถเข้าถึงข้อมูลทั้งหมดที่พวกเขาต้องการเกี่ยวกับแบบอักษรที่ใช้ในองค์ประกอบ นอกจากนี้ยังมีข้อมูลที่มีค่าเช่นแหล่งที่มาของแบบอักษร, น้ำหนัก, ลักษณะ และอื่น ๆ