เมนูคำสั่งช่วยให้คุณไปยังส่วนต่างๆ ใน UI ของ Chrome DevTools และทำงานทั่วๆ ไปได้อย่างรวดเร็ว เช่น การปิดใช้ JavaScript คุณอาจคุ้นเคยกับฟีเจอร์ที่คล้ายกันในโค้ดของ Visual Studio ที่เรียกว่า Command Palette ซึ่งเป็นแรงบันดาลใจดั้งเดิมสำหรับ Command Menu
เปิดเมนูคำสั่ง
วิธีเปิดเมนูคำสั่ง
- กด Control+Shift+P (Windows / Linux) หรือ Command+Shift+P (Mac)
- คลิก
ปรับแต่งและควบคุมเครื่องมือสำหรับนักพัฒนาเว็บ แล้วเลือกเรียกใช้คำสั่ง
เปิดไฟล์
หากคุณใช้เวิร์กโฟลว์ที่ระบุไว้ในส่วนเปิดเมนูคำสั่ง เมนูคำสั่งจะเปิดขึ้นโดยมี Run > นำหน้าในช่องข้อความ
หากต้องการเปิดไฟล์แทน ให้ลบอักขระ > แล้วเริ่มพิมพ์ชื่อไฟล์
โดย Run จะเพิ่มการเปลี่ยนแปลง Open ไว้หน้าเครื่องมือสำหรับนักพัฒนาเว็บจะทำการค้นหาไฟล์ที่เกี่ยวข้องแทน
หรือคุณสามารถไปที่เมนูเปิดไฟล์ได้โดยตรงด้วยวิธีใดวิธีหนึ่งต่อไปนี้
- กด Control+P (Windows / Linux) หรือ Command+P (Mac)
- คลิก
ปรับแต่งและควบคุมเครื่องมือสำหรับนักพัฒนาเว็บ แล้วเลือกเปิดไฟล์
เปิดไฟล์ที่อยู่ในรายการละเว้น
โดยค่าเริ่มต้น เครื่องมือสำหรับนักพัฒนาเว็บจะซ่อนไฟล์ของบุคคลที่สามที่รู้จัก หากต้องการเปิดไฟล์ดังกล่าวจากเมนู ให้ปิดใช้ตัวเลือกซ่อนแหล่งที่มาที่อยู่ในรายการละเว้นในแผงแหล่งที่มา
จับภาพหน้าจอของพื้นที่
เมนูคำสั่งช่วยให้คุณสามารถจับภาพหน้าจอพื้นที่ของเว็บไซต์ได้เช่นเดียวกับเครื่องมือการตัด
หากต้องการถ่ายภาพหน้าจอพื้นที่ ให้ทำตามขั้นตอนต่อไปนี้
- เปิดเมนูคำสั่ง
- พิมพ์ "ภาพหน้าจอ"
- เลือกจับภาพหน้าจอของพื้นที่
- ลากเพื่อเลือกที่ใดก็ได้บนหน้าเว็บเพื่อจับภาพ
ดูวิธีอื่นๆ ในการถ่ายภาพหน้าจอด้วยเครื่องมือสำหรับนักพัฒนาเว็บได้ที่ 4 วิธีในการจับภาพหน้าจอด้วยเครื่องมือสำหรับนักพัฒนาเว็บ
ดูการดำเนินการอื่นๆ ที่ใช้ได้
หากต้องการดูการทำงานอื่นๆ ที่ใช้ได้จากเมนูคำสั่ง ให้ลบอักขระ > และพิมพ์ ?
