เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: การนำทางสำหรับเครื่องมือสำหรับนักพัฒนาเว็บที่รวดเร็วขึ้น

Sofia Emelianova
Sofia Emelianova

หากพบว่าตัวเองหลงทางในเครื่องมือสำหรับนักพัฒนาเว็บ ดูวิธีการต่อไปนี้

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

ดูวิดีโอเพื่อดูการใช้งานจริงของเคล็ดลับเหล่านี้หรืออ่านต่อเพื่อดูไฮไลต์

  • กด Escape เพื่อเปิดหรือปิดลิ้นชัก

    ลิ้นชัก

  • คลิก เครื่องมือเพิ่มเติม เครื่องมือเพิ่มเติมเพื่อเปิดแท็บอื่นๆ ในลิ้นชัก

    ปุ่ม "เครื่องมือเพิ่มเติม" ที่เปิดแท็บอื่นๆ ในลิ้นชัก

  • เรียงลำดับแผง DevTools และแท็บลิ้นชักใหม่ รวมถึงรวมแผงเข้าด้วยกันโดยเลื่อนขึ้นและลงไปยังและจากลิ้นชัก

  • ค้นหา เรียกใช้คำสั่ง สลับการตั้งค่า และเปิดแผงและแท็บต่างๆ ด้วยเมนูคำสั่ง แม้ว่าคุณจะลืมตำแหน่งที่พบรายการเหล่านั้นก็ตาม

    เมนูคำสั่งเครื่องมือสำหรับนักพัฒนาเว็บ

  • เปลี่ยนเลย์เอาต์เครื่องมือสำหรับนักพัฒนาเว็บจาก auto เป็น horizontal หรือ vertical เสมอ

  • ปรับแต่งแป้นพิมพ์ลัดของเครื่องมือสำหรับนักพัฒนาเว็บ ตรวจสอบ การตั้งค่า การตั้งค่า > การทดสอบ > เปิดใช้เครื่องมือแก้ไขแป้นพิมพ์ลัด

    การแก้ไขทางลัดในการตั้งค่า

หากต้องการประสบการณ์การเรียนรู้แบบลงมือปฏิบัติมากขึ้น โปรดดูบทแนะนำปรับแต่ง DevTools

ดูข้อมูลเพิ่มเติมได้ที่