หน้านี้ได้รับการแปลโดย Cloud Translation API

แป้นพิมพ์ลัด

Kayce Basques

Sofia Emelianova

หน้านี้เป็นข้อมูลอ้างอิงของแป้นพิมพ์ลัดในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome

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

แป้นพิมพ์ลัดสำหรับการเปิดเครื่องมือสำหรับนักพัฒนาเว็บ

หากต้องการเปิดเครื่องมือสำหรับนักพัฒนาเว็บ ให้กดแป้นพิมพ์ลัดต่อไปนี้ขณะที่เคอร์เซอร์โฟกัสอยู่ที่เบราว์เซอร์ วิวพอร์ต:

การดำเนินการ	Mac	Windows / Linux
เปิดแผงใดก็ตามที่คุณใช้ล่าสุด	`Command`+`Option`+`I`	`F12` หรือ `Control`+`Shift`+`I`
เปิดแผงคอนโซล	`Command`+`Option`+`J`	`Control`+`Shift`+`J`
เปิดแผงElements	`Command`+`Shift`+`C` หรือ `Command`+`Option`+`C`	`Control`+`Shift`+`C`

แป้นพิมพ์ลัดส่วนกลาง

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

การดำเนินการ	Mac	Windows / Linux
แสดงการตั้งค่า	`?` หรือ `Function`+`F1`	`?` หรือ `F1`
โฟกัสแผงถัดไป	`Command`+`]`	`Control`+`]`
โฟกัสแผงก่อนหน้า	`Command`+`[`	`ควบคุม`+`[`
เปลี่ยนกลับไปใช้ตำแหน่งเอกสารที่คุณใช้ล่าสุด หากเครื่องมือสำหรับนักพัฒนาเว็บอยู่ในตำแหน่งเริ่มต้นสำหรับทั้งเซสชัน แป้นพิมพ์ลัดนี้จะเลิกทำเครื่องมือสำหรับนักพัฒนาเว็บในอีกหน้าต่างหนึ่ง	`Command`+`Shift`+`D`	`Control`+`Shift`+`D`
สลับโหมดอุปกรณ์	`Command`+`Shift`+`M`	`Control`+`Shift`+`M`
สลับโหมดตรวจสอบองค์ประกอบ	`Command`+`Shift`+`C`	`Control`+`Shift`+`C`
เปิดเมนูคำสั่ง	`Command`+`Shift`+`P`	`Control`+`Shift`+`P`
สลับลิ้นชัก	`Escape`	`Escape`
การโหลดซ้ำตามปกติ	`Command`+`R`	`F5` หรือ `Control`+`R`
โหลดซ้ำแบบดึงข้อมูลใหม่ทั้งหมด	`Command`+`Shift`+`R`	`Control`+`F5` หรือ `Control`+`Shift`+`R`
ค้นหาข้อความในแผงปัจจุบัน รองรับเฉพาะในแผงElements Elements Elements Elements Elements Elements และElements	`Command`+`F`	`ปุ่มควบคุม`+`F`
เปิดแท็บค้นหาในลิ้นชักซึ่งจะช่วยให้คุณค้นหาข้อความในแหล่งข้อมูลที่โหลดทั้งหมด	`Command`+`Option`+`F`	`Control`+`Shift`+`F`
เปิดไฟล์ในแผงแหล่งที่มา	`Command`+`O` หรือ `Command`+`P`	`Control`+`O` หรือ `Control`+`P`
ซูมเข้า	`Command`+`Shift`+`+`	`Control`+`Shift`+`+`
ซูมออก	`Command`+`-`	`ควบคุม`+`-`
คืนค่าระดับการซูมเริ่มต้น	`Command`+`0`	`การควบคุม`+`0`
เรียกใช้ข้อมูลโค้ด	กด `Command`+`O` เพื่อเปิดเมนูคำสั่ง พิมพ์ `!` ตามด้วยชื่อสคริปต์ แล้วกด `Enter`	กด `Control`+`O` เพื่อเปิด Command Menu พิมพ์ `!` ตามด้วยชื่อสคริปต์ แล้วกด `Enter`

แป้นพิมพ์ลัดสำหรับแผงองค์ประกอบ

การดำเนินการ	Mac	Windows / Linux
เลิกทำการเปลี่ยนแปลง	`Command`+`Z`	`ควบคุม`+`Z`
ทำซ้ำการเปลี่ยนแปลง	`Command`+`Shift`+`Z`	`ควบคุม`+`Y`
เลือกองค์ประกอบด้านบน / ด้านล่างองค์ประกอบที่เลือกไว้ในปัจจุบัน	`ลูกศรขึ้น` / `ลูกศรลง`	`ลูกศรขึ้น` / `ลูกศรลง`
ขยายโหนดที่เลือกอยู่ในปัจจุบัน หากโหนดขยายแล้ว ทางลัดนี้จะเลือกองค์ประกอบด้านล่าง	`ลูกศรขวา`	`ลูกศรขวา`
ยุบโหนดที่เลือกอยู่ในขณะนี้ หากโหนดยุบอยู่แล้ว แป้นพิมพ์ลัดนี้จะเลือกองค์ประกอบที่อยู่ด้านบน	`ลูกศรซ้าย`	`ลูกศรซ้าย`
ขยายหรือยุบโหนดที่เลือกในปัจจุบันและโหนดย่อยทั้งหมดของโหนดดังกล่าว	กด `Option` ค้างไว้ แล้วคลิกไอคอนลูกศรข้างชื่อองค์ประกอบ	กด `Control`+`Alt` ค้างไว้ แล้วคลิกไอคอนลูกศรถัดจากชื่อองค์ประกอบ
สลับโหมดแก้ไขแอตทริบิวต์ในองค์ประกอบที่เลือกอยู่	`Enter`	`Enter`
เลือกแอตทริบิวต์ถัดไป / ก่อนหน้าหลังจากเข้าสู่โหมดแก้ไขแอตทริบิวต์	`Tab` / `Shift`+`Tab`	`Tab` / `Shift`+`Tab`
ซ่อนองค์ประกอบที่เลือกไว้ในปัจจุบัน	`ซ`	`ซ`
สลับโหมดแก้ไขเป็น HTML ในองค์ประกอบที่เลือกอยู่	`ฟังก์ชัน`+`F2`	`เฟรมที่ 2`

แป้นพิมพ์ลัดสำหรับแผงรูปแบบ

การดำเนินการ	Mac	Windows / Linux
ไปที่บรรทัดที่มีการประกาศค่าพร็อพเพอร์ตี้	กด `Command` ค้างไว้ แล้วคลิกค่าคุณสมบัติ	กด `Control` ค้างไว้ แล้วคลิกค่าพร็อพเพอร์ตี้
วนรอบการแสดงค่าสีแบบ RGBA, HSLA และ Hex	กด `Shift` ค้างไว้แล้วคลิกช่องแสดงตัวอย่างสีข้างค่า	กด `Shift` ค้างไว้แล้วคลิกช่องแสดงตัวอย่างสีข้างค่า
เลือกพร็อพเพอร์ตี้หรือค่าถัดไป / ก่อนหน้า	คลิกชื่อหรือค่าพร็อพเพอร์ตี้ แล้วกด `Tab` / `Shift`+`Tab`	คลิกชื่อหรือค่าพร็อพเพอร์ตี้ แล้วกด `Tab` / `Shift`+`Tab`
การเพิ่ม / ลดค่าพร็อพเพอร์ตี้ลง 0.1	คลิกค่า แล้วกด `Option`+`ลูกศรขึ้น` / `Option`+`ลูกศรลง`	คลิกค่า แล้วกด `Alt`+`ลูกศรขึ้น` / `Alt`+`ลูกศรลง`
การเพิ่ม / ลดค่าพร็อพเพอร์ตี้ลง 1	คลิกค่า แล้วกด`ลูกศรขึ้น` / `ลูกศรลง`	คลิกค่า แล้วกด`ลูกศรขึ้น` / `ลูกศรลง`
การเพิ่ม / ลดค่าพร็อพเพอร์ตี้ลง 10	คลิกค่า แล้วกด `Shift`+`ลูกศรขึ้น` / `Shift`+`ลูกศรลง`	คลิกค่า แล้วกด `Shift`+`ลูกศรขึ้น` / `Shift`+`ลูกศรลง`
การเพิ่ม / ลดค่าพร็อพเพอร์ตี้ลง 100	คลิกค่า แล้วกด `Command`+`ลูกศรขึ้น` / `Command`+`ลูกศรลง`	คลิกค่า แล้วกด `Control`+`ลูกศรขึ้น` / `Control`+`ลูกศรลง`
สลับระหว่างองศา (องศา) แกรเดียน (แกรเดียน) เรเดียน (เรเดียน) และเลี้ยว (เลี้ยว) ของค่ามุม	กด `Shift` ค้างไว้ แล้วคลิกช่องแสดงตัวอย่างมุมข้างค่า	กด `Shift` ค้างไว้ แล้วคลิกช่องแสดงตัวอย่างมุมข้างค่า
เพิ่ม / ลดค่ามุมทีละ 1	คลิกช่องตัวอย่างมุมข้างค่า แล้วกด`ลูกศรขึ้น` / `ลูกศรลง`	คลิกช่องตัวอย่างมุมข้างค่า แล้วกด`ลูกศรขึ้น` / `ลูกศรลง`
เพิ่ม / ลดค่ามุมทีละ 10	คลิกช่องแสดงตัวอย่างมุมข้างค่านั้น แล้วกด `Shift`+`ลูกศรขึ้น` / `Shift`+`ลูกศรลง`	คลิกช่องแสดงตัวอย่างมุมข้างค่านั้น แล้วกด `Shift`+`ลูกศรขึ้น` / `Shift`+`ลูกศรลง`
เพิ่ม / ลดค่ามุมลง 15	คลิกช่องแสดงตัวอย่างมุมข้างค่านั้น จากนั้นกด `Shift` คลิก / เลื่อนเมาส์บนการวางซ้อนนาฬิกาที่มีมุม	คลิกช่องแสดงตัวอย่างมุมข้างค่านั้น จากนั้นกด `Shift` คลิก / เลื่อนเมาส์บนการวางซ้อนนาฬิกาที่มีมุม

แป้นพิมพ์ลัดสำหรับแผงแหล่งที่มา

การดำเนินการ	Mac	Windows / Linux
หยุดการทำงานของสคริปต์ชั่วคราว (หากกำลังทำงานอยู่) หรือทำงานต่อ (หากหยุดชั่วคราวอยู่)	`F8` หรือ `Command`+`\`	`F8` หรือ `Control`+`\`
ข้ามการเรียกใช้ฟังก์ชันถัดไป	`F10` หรือ `Command`+`'`	`F10` หรือ `Control`+`'`
เข้าสู่การเรียกใช้ฟังก์ชันถัดไป	`F11` หรือ `Command`+`;`	`F11` หรือ `Control`+`;`
ออกจากฟังก์ชันปัจจุบัน	`Shift`+`F11` หรือ `Command`+`Shift`+`;`	`Shift`+`F11` หรือ `Control`+`Shift`+`;`
ไปยังบรรทัดโค้ดบางบรรทัดขณะหยุดชั่วคราว	กด `Command` ค้างไว้แล้วคลิกบรรทัดโค้ด	กด `Control` ค้างไว้ แล้วคลิกบรรทัดโค้ด
เลือกเฟรมการเรียกใช้ด้านล่าง / เหนือเฟรมที่เลือกอยู่	`Control`+`.` / `Control`+`,`	`Control`+`.` / `Control`+`,`
บันทึกการเปลี่ยนแปลงของการแก้ไขในเครื่อง	`Command`+`S`	`การควบคุม`+`S`
บันทึกการเปลี่ยนแปลงทั้งหมด	`Command`+`Option`+`S`	`Control`+`Alt`+`S`
ไปที่บรรทัด	`ตัวควบคุม`+`G`	`ตัวควบคุม`+`G`
ข้ามไปยังหมายเลขบรรทัดของไฟล์ที่เปิดอยู่ในขณะนี้	กด `Command`+`O` เพื่อเปิดเมนูคำสั่ง พิมพ์ `:` ตามด้วยหมายเลขบรรทัด แล้วกด `Enter`	กด `Control`+`O` เพื่อเปิด Command Menu พิมพ์ `:` ตามด้วยหมายเลขบรรทัด แล้วกด `Enter`
ข้ามไปยังคอลัมน์ของไฟล์ที่เปิดอยู่ในขณะนี้ (เช่น บรรทัดที่ 5 คอลัมน์ 9)	กด `Command`+`O` เพื่อเปิดเมนูคำสั่ง พิมพ์ `:` แล้วกดหมายเลขบรรทัดตามด้วยอีก `:` แล้วกดหมายเลขคอลัมน์ จากนั้นกด `Enter`	กด `Control`+`O` เพื่อเปิดเมนูคำสั่ง พิมพ์ `:` แล้วกดหมายเลขบรรทัด แล้วกดอีกบรรทัด `:` แล้วกดหมายเลขคอลัมน์ แล้วกด `Enter`
ไปที่การประกาศฟังก์ชัน (หากไฟล์ที่เปิดอยู่ในขณะนี้เป็น HTML หรือสคริปต์) หรือชุดกฎ (หากไฟล์ที่เปิดอยู่ในขณะนี้เป็นสไตล์ชีต)	กด `Command`+`Shift`+`O` แล้วพิมพ์ชื่อชุดประกาศ / ชุดกฎ หรือเลือกจากรายการตัวเลือก	กด `Control`+`Shift`+`O` แล้วพิมพ์ชื่อของชุดประกาศ / ชุดกฎ หรือเลือกจากรายการตัวเลือก
ปิดแท็บที่ใช้งานอยู่	`Option`+`W`	`Alt`+`W`
เปิดแท็บถัดไปหรือก่อนหน้า	`Function`+`Command`+`Up` หรือ `Down`	`Control`+`Page Up` หรือ `Page Down`
สลับแถบด้านข้างการนำทางที่ด้านซ้าย	`Command`+`Shift`+`Y`	`Control`+`Shift`+`Y`
สลับแถบด้านข้างโปรแกรมแก้ไขข้อบกพร่องทางด้านขวา	`Command`+`Shift`+`H`	`Control`+`Shift`+`H`

แป้นพิมพ์ลัดของตัวแก้ไขโค้ด

การดำเนินการ	Mac	Windows / Linux
ลบอักขระทั้งหมดในคำสุดท้าย จนถึงเคอร์เซอร์	`Option`+`Delete`	`Control`+`Delete`
เพิ่มหรือนำเบรกพอยท์บรรทัดของโค้ดออก	โฟกัสเคอร์เซอร์ที่เส้น แล้วกด `Command`+`B`	โฟกัสเคอร์เซอร์ที่เส้น แล้วกด `Control`+`B`
เปิดกล่องโต้ตอบการแก้ไขเบรกพอยท์เพื่อแก้ไขเบรกพอยท์แบบมีเงื่อนไขหรือจุดตรวจสอบ	โฟกัสเคอร์เซอร์ที่เส้น แล้วกด `Command`+`Alt`+`B`	โฟกัสเคอร์เซอร์ที่เส้น แล้วกด `Control`+`Alt`+`B`
เปิดกล่องโต้ตอบเบรกพอยท์แบบมีเงื่อนไข	`Command` + คลิกหมายเลขบรรทัด	`Control` + คลิกหมายเลขบรรทัด
เปิดกล่องโต้ตอบ logpoint	`Command`+`Shift`+คลิกหมายเลขบรรทัด	`Control`+`Shift`+คลิกหมายเลขบรรทัด
ไปที่วงเล็บเหลี่ยมที่ตรงกัน	`การควบคุม`+`M`	`การควบคุม`+`M`
เปิด/ปิดความคิดเห็นบรรทัดเดียว หากเลือกหลายบรรทัด เครื่องมือสำหรับนักพัฒนาเว็บจะเพิ่มความคิดเห็นที่จุดเริ่มต้นของแต่ละบรรทัด	`Command`+`/`	`ควบคุม`+`/`
เลือก / ยกเลิกการเลือกคำถัดๆ ไปของคำที่เคอร์เซอร์เปิดอยู่ แต่ละรายการจะไฮไลต์พร้อมกัน	`Command`+`D` / `Command`+`U`	`Control`+`D` / `Control`+`U`

แป้นพิมพ์ลัดสำหรับแผงเครือข่าย

การดำเนินการ	Mac	Windows / Linux
ส่วนหัว เพย์โหลด และการตอบกลับของการค้นหา	`Command`+`F`	`ปุ่มควบคุม`+`F`
เริ่ม / หยุดบันทึก	`Command`+`E`	`การควบคุม`+`E`
บันทึกการโหลดซ้ำ	`Command`+`R`	`ควบคุม`+`R`
เล่นคำขอ XHR ที่เลือกซ้ำ	`อ`	`อ`
ซ่อนรายละเอียดของคำขอที่เลือก	`Escape`	`Escape`

แป้นพิมพ์ลัดสำหรับแผงประสิทธิภาพ

การดำเนินการ	Mac	Windows / Linux
เริ่ม / หยุดบันทึก	`Command`+`E`	`การควบคุม`+`E`
จัดเก็บบันทึก	`Command`+`S`	`การควบคุม`+`S`
โหลดการบันทึก	`Command`+`O`	`ปุ่มควบคุม`+`O`

แป้นพิมพ์ลัดสำหรับแผงหน่วยความจำ

การดำเนินการ	Mac	Windows / Linux
เริ่ม / หยุดบันทึก	`Command`+`E`	`การควบคุม`+`E`

แป้นพิมพ์ลัดสำหรับแผงคอนโซล

การดำเนินการ	Mac	Windows / Linux
ยอมรับคำแนะนำที่เติมข้อความอัตโนมัติ	`ลูกศรขวา`หรือ `Tab`	`ลูกศรขวา`หรือ `Tab`
ปฏิเสธคำแนะนำที่เติมข้อความอัตโนมัติ	`Escape`	`Escape`
เลื่อนรายการเติมข้อความอัตโนมัติขึ้นหรือลง	`ขึ้น` / `ลง` หรือ`ควบคุม`+`P` / `N`	`ขึ้น` / `ลง` หรือ`ควบคุม`+`P` / `N`
รับใบแจ้งยอดก่อนหน้า	`ลูกศรขึ้น`	`ลูกศรขึ้น`
รับใบแจ้งยอดถัดไป	`ลูกศรลง`	`ลูกศรลง`
เน้นที่คอนโซล	`ควบคุม`+`	`ควบคุม`+`
ล้างคอนโซล	`Command`+`K` หรือ `Option`+`L`	`ควบคุม`+`L`
บังคับใช้รายการหลายบรรทัด โปรดทราบว่าเครื่องมือสำหรับนักพัฒนาเว็บควรตรวจพบสถานการณ์ที่มีหลายบรรทัดโดยค่าเริ่มต้น ดังนั้นตอนนี้คุณไม่จำเป็นต้องใช้ทางลัดนี้	`Shift`+`Return`	`Shift`+`Enter`
ดำเนินการ	`ส่งคืน`	`Enter`
ขยายพร็อพเพอร์ตี้ย่อยทั้งหมดของออบเจ็กต์ที่บันทึกลงในคอนโซล	กด `Alt` ค้างไว้แล้วคลิกขยาย >	กด `Alt` ค้างไว้แล้วคลิกขยาย >

แป้นพิมพ์ลัดสำหรับแท็บค้นหา

การดำเนินการ	Mac	Windows / Linux
ขยาย/ยุบผลการค้นหาทั้งหมด	`Command`+`Option`+`{` หรือ `}`	`Control`+`Shift`+`{` หรือ `}`

แป้นพิมพ์ลัดสำหรับแผงโปรแกรมอัดเสียง

การดำเนินการ	Mac	Windows / Linux
เริ่มหรือหยุดบันทึก	`Command`+`E`	`การควบคุม`+`E`
เล่นไฟล์บันทึกเสียงซ้ำ	`Command`+`Enter`	`Control`+`Enter`
คัดลอกการบันทึกหรือขั้นตอนที่เลือก	`Command`+`C`	`Control`+`C`
เปิด/ปิดมุมมองโค้ด	`Command`+`B`	`การควบคุม`+`B`