Google ใช้เทคโนโลยี AI เพื่อแปลเนื้อหาเป็นภาษาที่คุณต้องการ การแปลโดย AI อาจมีข้อผิดพลาด

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

Kayce Basques

Sofia Emelianova

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

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

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

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

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

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

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

การดำเนินการ	Mac	Windows / Linux
แสดงการตั้งค่า	`?` หรือ `Function`+`F1`	`?` หรือ `F1`
โฟกัสแผงถัดไป	`Command`+`]`	`Control`+`]`
โฟกัสแผงก่อนหน้า	`Command`+`[`	`Control`+`[`
กลับไปที่ตำแหน่งการตรึงที่คุณใช้ล่าสุด หากเครื่องมือสำหรับนักพัฒนาเว็บอยู่ในตำแหน่งเริ่มต้นตลอดทั้งเซสชัน แป้นพิมพ์ลัดนี้จะเลิกตรึงเครื่องมือสำหรับนักพัฒนาเว็บไปยังหน้าต่างแยกต่างหาก	`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`
ค้นหาข้อความภายในแผงปัจจุบัน รองรับเฉพาะในแผงองค์ประกอบ คอนโซล แหล่งที่มา ประสิทธิภาพ หน่วยความจำ โปรไฟล์ JavaScript และแหล่งที่มาด่วน	`Command`+`F`	`Control`+`F`
เปิดแท็บค้นหา ในลิ้นชัก ซึ่งช่วยให้คุณค้นหาข้อความในทรัพยากรที่โหลดทั้งหมดได้	`Command`+`Option`+`F`	`Control`+`Shift`+`F`
เปิดไฟล์ในแผงแหล่งที่มา	`Command`+`O` หรือ `Command`+`P`	`Control`+`O` หรือ `Control`+`P`
ซูมเข้า	`Command`+`Shift`+`+`	`Control`+`Shift`+`+`
ซูมออก	`Command`+`-`	`Control`+`-`
คืนค่าระดับการซูมเริ่มต้น	`Command`+`0`	`Control`+`0`
เรียกใช้ข้อมูลโค้ด	กด `Command`+`O` เพื่อเปิดเมนูคำสั่ง แล้วพิมพ์ `!` ตามด้วยชื่อสคริปต์ แล้วกด `Enter`	กด `Control`+`O` เพื่อเปิดเมนูคำสั่ง แล้วพิมพ์ `!` ตามด้วยชื่อสคริปต์ แล้วกด `Enter`

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

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

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

การดำเนินการ	Mac	Windows / Linux
ไปที่บรรทัดที่ประกาศค่าพร็อพเพอร์ตี้	กด `Command` ค้างไว้ แล้วคลิกค่าพร็อพเพอร์ตี้	กด `Control` ค้างไว้ แล้วคลิกค่าพร็อพเพอร์ตี้
ไล่ดูกฎ CSS	`ลูกศรขึ้น` / `ลูกศรลง`	`ลูกศรขึ้น` / `ลูกศรลง`
ไล่ดูพร็อพเพอร์ตี้และการควบคุมในค่าพร็อพเพอร์ตี้ภายในกฎ CSS	`ลูกศรซ้าย` / `ลูกศรขวา`	`ลูกศรซ้าย` / `ลูกศรขวา`
เปิดเคล็ดลับเครื่องมือค่า CSS เมื่อโฟกัสฟังก์ชันในค่าพร็อพเพอร์ตี้ (เช่น var, calc, clamp ฯลฯ ที่ระบุด้วยเส้นใต้แบบจุด)	`Option`+`ลูกศรลง`	`Alt`+`ลูกศรลง`
เปลี่ยนการแสดงค่าสี (เช่น RGB, เลขฐาน 16, oklch ฯลฯ)	กด `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`+`ลูกศรลง`
ไล่ดูการแสดงค่าองศา (deg), เกรเดียน (grad), เรเดียน (rad) และรอบ (turn) ของค่ามุม	กด `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`	`Control`+`S`
บันทึกการเปลี่ยนแปลงทั้งหมด	`Command`+`Option`+`S`	`Control`+`Alt`+`S`
ไปยังบรรทัดที่	`Control`+`G`	`Control`+`G`
ข้ามไปยังหมายเลขบรรทัดของไฟล์ที่เปิดอยู่ในปัจจุบัน	กด `Command`+`O` เพื่อเปิดเมนูคำสั่ง แล้วพิมพ์ `:` ตามด้วยหมายเลขบรรทัด แล้วกด `Enter`	กด `Control`+`O` เพื่อเปิดเมนูคำสั่ง แล้วพิมพ์ `:` ตามด้วยหมายเลขบรรทัด แล้วกด `Enter`
ข้ามไปยังคอลัมน์ของไฟล์ที่เปิดอยู่ในปัจจุบัน (เช่น บรรทัดที่ 5 คอลัมน์ที่ 9)	กด `Command`+`O` เพื่อเปิดเมนูคำสั่ง แล้วพิมพ์ `:` ตามด้วยหมายเลขบรรทัด จากนั้นพิมพ์ `:` อีกครั้ง ตามด้วยหมายเลขคอลัมน์ แล้วกด `Enter`	กด `Control`+`O` เพื่อเปิดเมนูคำสั่ง แล้วพิมพ์ `:` ตามด้วยหมายเลขบรรทัด จากนั้นพิมพ์ `:` อีกครั้ง ตามด้วยหมายเลขคอลัมน์ แล้วกด `Enter`
ไปที่การประกาศฟังก์ชัน (หากไฟล์ที่เปิดอยู่ในปัจจุบันเป็น HTML หรือสคริปต์) หรือชุดกฎ (หากไฟล์ที่เปิดอยู่ในปัจจุบันเป็นสไตล์ชีต)	กด `Command`+`Shift`+`O` แล้วพิมพ์ชื่อการประกาศ / ชุดกฎ หรือเลือกจากรายการตัวเลือก	กด `Control`+`Shift`+`O` แล้วพิมพ์ชื่อการประกาศ / ชุดกฎ หรือเลือกจากรายการตัวเลือก
ปิดแท็บที่ใช้งานอยู่	`Option`+`W`	`Alt`+`W`
เปิดแท็บถัดไปหรือก่อนหน้า	`Function`+`Command`+`ขึ้น` หรือ `ลง`	`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`
เปิดกล่องโต้ตอบการแก้ไขเบรกพอยต์เพื่อแก้ไข เบรกพอยต์แบบมีเงื่อนไข หรือ Logpoint	วางเคอร์เซอร์ไว้ที่บรรทัด แล้วกด `Command`+`Alt`+`B`	วางเคอร์เซอร์ไว้ที่บรรทัด แล้วกด `Control`+`Alt`+`B`
เปิดกล่องโต้ตอบเบรกพอยต์แบบมีเงื่อนไข	`Command`+คลิกหมายเลขบรรทัด	`Control`+คลิกหมายเลขบรรทัด
เปิดกล่องโต้ตอบ Logpoint	`Command`+`Shift`+คลิกหมายเลขบรรทัด	`Control`+`Shift`+คลิกหมายเลขบรรทัด
ไปที่วงเล็บที่ตรงกัน	`Control`+`M`	`Control`+`M`
เปิด/ปิดความคิดเห็นบรรทัดเดียว หากเลือกหลายบรรทัด เครื่องมือสำหรับนักพัฒนาเว็บจะเพิ่มความคิดเห็นที่จุดเริ่มต้นของแต่ละบรรทัด	`Command`+`/`	`Control`+`/`
เลือก / ยกเลิกการเลือกคำถัดไปที่เคอร์เซอร์อยู่ ระบบจะไฮไลต์แต่ละคำพร้อมกัน	`Command`+`D` / `Command`+`U`	`Control`+`D` / `Control`+`U`

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

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

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

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

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

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

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

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

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

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

แป้นพิมพ์ลัดสำหรับแผงเครื่องบันทึก

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

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

การดำเนินการ	Mac	Windows / Linux
ย้ายไดอะแกรมไปตามแกน X และ Y	`W` (ขึ้น), `A` (ซ้าย), `S` (ลง), `D` (ขวา)	`W` (ขึ้น), `A` (ซ้าย), `S` (ลง), `D` (ขวา)
เปิด/ปิดโหมดเลื่อน	`X`	`X`
เปิด/ปิดโหมดหมุน	`V`	`V`
รีเซ็ตตำแหน่งและการหมุนของไดอะแกรม	`0`	`0`
ซูมเข้าแผนภาพ	`Shift`+`+` หรือเลื่อนเมาส์ขึ้น	`Shift`+`+` หรือเลื่อนเมาส์ขึ้น
ซูมออกแผนภาพ	`Shift`+`-` หรือเลื่อนเมาส์ลง	`Shift`+`-` หรือเลื่อนเมาส์ลง