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

Kayce Basques

Sofia Emelianova

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

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

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

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

การดำเนินการ	Mac	Windows / Linux
เปิดแผงที่คุณใช้ล่าสุด	Command+Option+I	F12 หรือ Control+Shift+I
เปิดแผง Console	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
ซ่อนองค์ประกอบที่เลือกอยู่ในปัจจุบัน	สวัสดี	สวัสดี
สลับโหมดแก้ไขในรูปแบบ HTML ในองค์ประกอบที่เลือกอยู่	Function+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+ลูกศรลง
สลับการแสดงค่ามุมเป็นองศา (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 เพื่อเปิดเมนูคำสั่ง จากนั้นพิมพ์ : ตามด้วยหมายเลขบรรทัด แล้วพิมพ์ : อีก 1 ครั้ง ตามด้วยหมายเลขคอลัมน์ แล้วกด Enter	กด Control+O เพื่อเปิดเมนูคำสั่ง พิมพ์ : ตามด้วยหมายเลขบรรทัด แล้วพิมพ์ : อีก 1 ครั้ง ตามด้วยหมายเลขคอลัมน์ แล้วกด 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
เปิดกล่องโต้ตอบการแก้ไขจุดหยุดพักเพื่อแก้ไขจุดหยุดพักแบบมีเงื่อนไขหรือจุดบันทึก	โฟกัสเคอร์เซอร์ที่บรรทัด แล้วกด Command+Alt+B	วางเคอร์เซอร์บนบรรทัด แล้วกด Control+Alt+B
เปิดกล่องโต้ตอบเบรกพอยต์แบบมีเงื่อนไข	Command+คลิกหมายเลขบรรทัด	Control+คลิกหมายเลขบรรทัด
เปิดกล่องโต้ตอบ logpoint	Command+Shift+คลิกหมายเลขบรรทัด	Control+Shift+คลิกหมายเลขบรรทัด
ไปที่วงเล็บที่ตรงกัน	Control+M	Control+M
สลับความคิดเห็นแบบบรรทัดเดียว หากเลือกหลายบรรทัด DevTools จะเพิ่มความคิดเห็นไว้ที่จุดเริ่มต้นของแต่ละบรรทัด	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
เล่นคําขอ XHR ที่เลือกซ้ำ	R	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+{ or }	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+- หรือลูกกลิ้งเมาส์ลง