ภาพรวมแผงองค์ประกอบ

Dale St. Marthe
Dale St. Marthe

ใช้แผงองค์ประกอบเพื่อตรวจสอบและแก้ไของค์ประกอบ DOM

ภาพรวม

แผงองค์ประกอบมีอินเทอร์เฟซที่มีประสิทธิภาพในการตรวจสอบและจัดการ DOM คุณสามารถใช้แผนผัง DOM ซึ่งคล้ายกับเอกสาร HTML เพื่อเลือกโหนด DOM ที่ต้องการและแก้ไขด้วยเครื่องมืออื่นๆ

แผงองค์ประกอบยังมีแท็บต่อไปนี้ซึ่งมีเครื่องมือที่เกี่ยวข้องด้วย

เปิดแผงองค์ประกอบ

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

วิธีเปิดแผงองค์ประกอบด้วยตนเอง

  1. เปิดเครื่องมือสำหรับนักพัฒนาเว็บ
  2. เปิดเมนูคำสั่งโดยกดปุ่มต่อไปนี้
    • สำหรับ macOS: Command+Shift+P
    • Windows, Linux, ChromeOS: Control+Shift+P เมนูคำสั่งที่มี
  3. เริ่มพิมพ์ Elements เลือกแสดงองค์ประกอบ แล้วกด Enter เครื่องมือสำหรับนักพัฒนาเว็บจะแสดงแผงองค์ประกอบในลิ้นชักที่ด้านล่างของหน้าต่างเครื่องมือสำหรับนักพัฒนาเว็บ