Firefox Quantum Developer Tools

     เป็นเสมือนจุดศูนย์กลางให้นักพัฒนาเว็บทำงานง่ายขึ้น ไม่ต้องสลับเครื่องมือไปมาในการพัฒนาเว็บ

 

Firefox Developer Edition
Firefox Developer Edition

     Firefox ได้ออกตัว Developer Tools เพืื่อให้เหล่านักพัฒนาได้ใช้กัน โดย Firefox Developer Edition ตัวใหม่นี้ จะเน้นในเรื่องของความสวยงาม และประสิทธิภาพที่เพิ่มขึ้น โดยเน้น CSS ที่มีความทันสมัยและรวดเร็วขึ้น และเพิ่มคุณสมบัติอื่นๆอีกมากมาย

 

Firefox Developer Edition
ตัวอย่างหน้าเครื่องมือที่ใช้งานของ Firefox Devtools

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

  • ตัวตรวจสอบ -- โดยจะตรวจสอบและปรับปรุงรหัสโปรแกรม เพื่อสร้างโครงที่สมบูรณ์แบบทุกจุด
  • ตัวดีบั๊ก -- มีตัวดีบั๊ก Javascript ที่มีประสิทธิภาพเพื่อรองรับเฟรมเวิร์คต่างๆ
  • ตรวจสอบเครือข่าย -- สามารถตรวจสอบความเร็วของเครือข่ายได้
  • โหมดออกแบบตอบสนองทันที -- สามารถทดสอบการออกแบบหน้าเว็บของเราบนเว็บไซต์ได้เลย
  • การแก้ไข -- ปรับภาพเคลื่อนไหว การจัดให้ตรงกัน และการเสริมขอบ อย่างละเอียด
  • ลักษณะของตัวแก้ไข -- แก้ไขจัดการ CSS stylesheet ทั้งหมดของเราได้ในเบราว์เซอร์
  • มีกระดานทดลอง -- โดยจะแก้ไขและปรับแต่ง และรันโค้ด ได้เลย

 

ข้อมูลอ้างอิงและภาพประกอบ : https://www.mozilla.org/en-US/firefox/developer/

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
สอบถามเรื่อง UI input flie
โดย flook พฤ 19 ต.ค. 2023 11:06 am บอร์ด HTML CSS
1
4153
พฤ 19 ต.ค. 2023 5:35 pm โดย eange08 View Topic สอบถามเรื่อง UI input flie
โฮสติ้ง 1GB 300/ปี By Asiagb.com
โดย asiagb อ 17 ต.ค. 2023 5:28 pm บอร์ด Web Hosting Review - Free Host Share Host VPS
0
1993
อ 17 ต.ค. 2023 5:28 pm โดย asiagb View Topic โฮสติ้ง 1GB 300/ปี By Asiagb.com
4 เหตุผลที่ร้านค้ายุคใหม่ ต้องมีแชทบอทตรวจสลิปปลอม!
โดย dasaki จ 16 ต.ค. 2023 7:06 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
517
จ 16 ต.ค. 2023 7:06 pm โดย dasaki View Topic 4 เหตุผลที่ร้านค้ายุคใหม่ ต้องมีแชทบอทตรวจสลิปปลอม!
3 วิธีเช็กสลิปปลอม ทำอย่างไรไม่ให้ตกเป็นเหยื่อลูกค้าแกล้งโอน?
โดย dasaki จ 16 ต.ค. 2023 6:57 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
505
จ 16 ต.ค. 2023 6:57 pm โดย dasaki View Topic 3 วิธีเช็กสลิปปลอม ทำอย่างไรไม่ให้ตกเป็นเหยื่อลูกค้าแกล้งโอน?
สอบถามทำ ajax เพื่อทำเช็คสถานะจาก api omise แบบทำงานเบื้องหลังเว็บ
โดย eange08 จ 16 ต.ค. 2023 12:16 pm บอร์ด JavaScript & jQuery Ajax & Node.JS
2
738
ศ 20 ต.ค. 2023 6:39 pm โดย eange08 View Topic สอบถามทำ ajax เพื่อทำเช็คสถานะจาก api omise แบบทำงานเบื้องหลังเว็บ
สอบถามเกี่ยวกับ plugin Croppie ปัญหาภาพกระตุก
โดย flook จ 16 ต.ค. 2023 10:11 am บอร์ด JavaScript & jQuery Ajax & Node.JS
4
623
จ 16 ต.ค. 2023 4:19 pm โดย flook View Topic สอบถามเกี่ยวกับ plugin Croppie ปัญหาภาพกระตุก
สอบถามมี api map แนะนำไหมครับทำตัวนำทาง
โดย Thanapoom1514 พฤ 12 ต.ค. 2023 5:30 pm บอร์ด Programming - PHP
2
1128
อ 31 ต.ค. 2023 12:50 pm โดย Thanapoom1514 View Topic สอบถามมี api map แนะนำไหมครับทำตัวนำทาง
Canva การเลือกใช้ Templates ให้เหมาะกับงาน
โดย sirapop014563 พฤ 12 ต.ค. 2023 3:47 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
596
พฤ 12 ต.ค. 2023 3:47 pm โดย sirapop014563 View Topic Canva การเลือกใช้ Templates ให้เหมาะกับงาน