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/

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
แนะนำตัวอย่าง Keyword ต่างๆสำหรับใช้ค้นหาเว็บแปลงไฟล์อย่างง่าย
โดย Yabaii123 พฤ 07 ธ.ค. 2023 2:50 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
611
พฤ 07 ธ.ค. 2023 2:50 pm โดย Yabaii123 View Topic แนะนำตัวอย่าง Keyword ต่างๆสำหรับใช้ค้นหาเว็บแปลงไฟล์อย่างง่าย
สอบถามฟังก์ชัน Access::getActions() ใน joomla 5 ใช้ฟังก์ชันตัวไหนแทนครับ
โดย Thanapoom1514 พ 06 ธ.ค. 2023 7:20 pm บอร์ด Joomla Development
1
1026
พ 06 ธ.ค. 2023 8:33 pm โดย mindphp View Topic สอบถามฟังก์ชัน Access::getActions() ใน joomla 5 ใช้ฟังก์ชันตัวไหนแทนครับ
แนะนำการท่องเที่ยวและการเดินทางในจังหวัดเชียงราย
โดย Yabaii123 จ 04 ธ.ค. 2023 4:20 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
6
1160
อ 05 ธ.ค. 2023 10:16 am โดย Yabaii123 View Topic แนะนำการท่องเที่ยวและการเดินทางในจังหวัดเชียงราย
เขียน Python จัดการภาพภาย crop ภาพถ่ายเอาเฉพาะใบหน้า
โดย mindphp ส 02 ธ.ค. 2023 9:18 am บอร์ด Python Knowledge
1
432
ส 02 ธ.ค. 2023 9:54 am โดย mindphp View Topic เขียน Python จัดการภาพภาย crop ภาพถ่ายเอาเฉพาะใบหน้า
แนะนำการใช้ Profiler ของ Joomla เช็คความเร็วของการทำงานของระบบ
โดย Thanapoom1514 ศ 01 ธ.ค. 2023 4:38 pm บอร์ด Joomla Developing Knowledge
0
571
ศ 01 ธ.ค. 2023 4:38 pm โดย Thanapoom1514 View Topic แนะนำการใช้ Profiler ของ Joomla เช็คความเร็วของการทำงานของระบบ
สอบถามการปรับข้อมูลจากตาราง sql
โดย Thanapoom1514 พฤ 30 พ.ย. 2023 5:41 pm บอร์ด Programming - PHP
4
1204
จ 04 ธ.ค. 2023 3:17 pm โดย Thanapoom1514 View Topic สอบถามการปรับข้อมูลจากตาราง sql
สอบถามการตัดขอบพื้นที่ส่วนเกินออกบน Canva
โดย Thanavat_n พฤ 30 พ.ย. 2023 5:16 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
4
881
พฤ 21 ธ.ค. 2023 5:37 pm โดย GreatBattery View Topic สอบถามการตัดขอบพื้นที่ส่วนเกินออกบน Canva
สอบถามเรื่อง Skype หลุดบ่อย เกิดจากอะไร แก้ยังไงได้บ้าง
โดย Narisara พฤ 30 พ.ย. 2023 4:14 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
4
527
อ 19 ธ.ค. 2023 3:17 pm โดย Narisara View Topic สอบถามเรื่อง Skype หลุดบ่อย เกิดจากอะไร แก้ยังไงได้บ้าง