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