หน้านี้เป็นข้อมูลอ้างอิงของแป้นพิมพ์ลัดในเครื่องมือสำหรับนักพัฒนาเว็บใน 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 |
