หน้านี้เป็นข้อมูลอ้างอิงของแป้นพิมพ์ลัดในเครื่องมือสำหรับนักพัฒนาเว็บใน 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 เพื่อเปิด Command Menu พิมพ์ ! ตามด้วยชื่อสคริปต์ แล้วกด Enter | กด Control+O เพื่อเปิด เมนูคำสั่ง พิมพ์ ! ตามด้วยชื่อสคริปต์ แล้วกด Enter |
แป้นพิมพ์ลัดสำหรับแผงองค์ประกอบ
| การดำเนินการ | Mac | Windows / Linux |
|---|
| เลิกทำการเปลี่ยนแปลง | Command+Z | Control+Z |
| ทำซ้ำการเปลี่ยนแปลง | Command+Shift+Z | Control+Y |
| เลือกองค์ประกอบด้านบน / ด้านล่างองค์ประกอบที่เลือกอยู่ในขณะนี้ | ลูกศรขึ้น / ลูกศรลง | ลูกศรขึ้น / ลูกศรลง |
| ขยายโหนดที่เลือกในปัจจุบัน หากโหนดขยายอยู่แล้ว ทางลัดนี้จะเลือกองค์ประกอบที่อยู่ด้านล่าง | ลูกศรขวา | ลูกศรขวา |
| ยุบโหนดที่เลือกในปัจจุบัน หากโหนดยุบแล้ว ทางลัดนี้จะเลือกองค์ประกอบที่อยู่ด้านบน | ลูกศรซ้าย | ลูกศรซ้าย |
| ขยายหรือยุบโหนดที่เลือกในปัจจุบันและโหนดย่อยทั้งหมด | กด Option ค้างไว้ แล้วคลิกไอคอนลูกศรถัดจากชื่อองค์ประกอบ | กด Control+Alt ค้างไว้ แล้วคลิกไอคอนลูกศรถัดจากชื่อองค์ประกอบ |
| สลับโหมดแก้ไขแอตทริบิวต์ในองค์ประกอบที่เลือกอยู่ในปัจจุบัน | ป้อน | ป้อน |
| เลือกแอตทริบิวต์ถัดไป / ก่อนหน้าหลังจากเข้าสู่โหมดแก้ไขแอตทริบิวต์ | แท็บ / Shift+Tab | แท็บ / Shift+Tab |
| ซ่อนองค์ประกอบที่เลือกอยู่ในปัจจุบัน | ช | ช |
| สลับโหมดแก้ไขเป็น HTML ในองค์ประกอบที่เลือกอยู่ในปัจจุบัน | ฟังก์ชัน+F2 | F2 |
แป้นพิมพ์ลัดสำหรับแผงรูปแบบ
| การดำเนินการ | 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 คลิก / สไลด์เมาส์บนการวางซ้อนนาฬิกา Angle | คลิกช่องแสดงตัวอย่างมุมข้างค่า แล้วกด Shift คลิก / สไลด์เมาส์บนการวางซ้อนนาฬิกา Angle |
แป้นพิมพ์ลัดสำหรับแผงแหล่งที่มา
| การดำเนินการ | 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 เพื่อเปิด Command Menu พิมพ์ : ตามด้วยหมายเลขบรรทัด แล้วกด 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+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+คลิกหมายเลขบรรทัด |
| เปิดกล่องโต้ตอบจุดตรวจสอบ | Command+Shift+คลิกหมายเลขบรรทัด | Control+Shift+คลิกหมายเลขบรรทัด |
| ไปที่วงเล็บเหลี่ยมที่ตรงกัน | Control+M | Control+M |
| เปิด/ปิดความคิดเห็นบรรทัดเดียว หากเลือกหลายบรรทัด เครื่องมือสำหรับนักพัฒนาเว็บจะเพิ่มความคิดเห็นไว้ที่ตอนต้นของแต่ละบรรทัด | Command+/ | Control+/ |
| เลือก / ยกเลิกการเลือกรายการถัดไปของคำที่เคอร์เซอร์อยู่ แต่ละรายการจะถูกไฮไลต์พร้อมกัน | Command+D / Command+U | Control+D / Control+U |
แป้นพิมพ์ลัดสำหรับแผงเครือข่าย
| การดำเนินการ | Mac | Windows / Linux |
|---|
| เริ่ม / หยุดบันทึก | 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 |
| ดำเนินการ | ส่งคืน | ป้อน |
| ขยายพร็อพเพอร์ตี้ย่อยทั้งหมดของออบเจ็กต์ที่บันทึกลงในคอนโซล | กด 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 |
