Google Chrome: แป้นพิมพ์ลัดเพื่อดูทรัพยากร / ตรวจสอบองค์ประกอบหรือไม่

Google Chrome มีคุณสมบัติเหมือน Firebug ที่คุณคลิกที่องค์ประกอบของหน้าและเลือก "ตรวจสอบองค์ประกอบ"

ฉันมักจะกระโดดลงในมุมมองทรัพยากรเพื่อดูคำขอ HTTP

มีแป้นพิมพ์ลัดเพื่อเปิดเครื่องมือนี้หรือไม่

google-chrome

— frankadelic
แหล่งที่มา

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

— Michal Mau

นี่คือข้อมูลที่เป็นประโยชน์; code.google.com/chrome/devtools/docs/overview.html

— Furkan Ekinci

นอกจากนี้ F12 ยังเปิดบานหน้าต่าง Inspect Element ใน Chrome บน Ubuntu

— dylan murphy

คำตอบ:

ฉันเพิ่งค้นพบว่าCtrl+ Shift+ IและCtrl+ Shift+ Cทำงานได้ เช่นเดียวกับ Firebug

บน OS X, ว่าCommand+ Option+ IหรือCommand+ +ShiftC

— RustyDev
แหล่งที่มา

ขอบคุณขอบฟ้า - สิ่งที่ฉันกำลังมองหา เห็นด้วยผู้ตรวจสอบได้ดีมากฉันไม่ต้องการ Firebug อีกต่อไป ลาก่อนลาก่อน

— shacker

เปลี่ยนคำตอบของฉัน ... การมีทางลัดเดียวกับ Firefox นั้นยอดเยี่ยม

— frankadelic

Cmd / Ctrl + Shift + C ก็มีประโยชน์เช่นกันเนื่องจากช่วยให้คุณสามารถเลือกองค์ประกอบเฉพาะเพื่อตรวจสอบโดยไม่ต้องนำทางผ่านเมนูบริบท ดูเพิ่มเติมdevelopers.google.com/chrome-developer-tools/docs/shortcuts

— Jo Liss

ไม่มีใครรู้วิธีเปลี่ยนแป้นพิมพ์ลัดนี้ ใน Firebug คุณสามารถกำหนดค่าทางลัด มัน Chrome ดูเหมือนว่าจะยาก สำหรับเหตุผลที่ฉันใช้รูปแบบแป้นพิมพ์ dvorak และปุ่ม C อยู่ไกลจากมือซ้ายของฉัน

— Michael Butler

จริงๆแล้วถือ N และคลิกขวาที่ใดที่หนึ่งบนหน้าเว็บจะเปิดหน้าต่างตรวจสอบและนำคุณไปยังส่วนของรหัสที่คุณคลิกในหน้า tnnnnnnnnhe ฉันเพิ่งพบสิ่งนี้

— กรงขัง
แหล่งที่มา

พิมพ์ผิดของคุณเฮฮาโดยไม่ได้ตั้งใจ :)

— frankadelic

+1 สำหรับจุดเฉพาะบนหน้า (แม้ว่า OP ต้องการเพียงหน้าต่างทั่วไป) สิ่งนี้เป็นสิ่งที่ดีสำหรับปัญหาการโฮเวอร์ปล่อยเมาส์ไปทางขวาโดยไม่ต้องเลื่อนเมาส์ลงเมนูป๊อปอัพ

— goodeye

@ Goodeye หมายเหตุ: คุณจำลองการโฮเวอร์โดยคลิกที่ไอคอนองค์ประกอบสลับ (จุด - กล่อง - ลูกศร - ลูกศร) มันอยู่ทางด้านขวาของเมนูแอคคอร์ดสไตล์ 'สไตล์' หากคุณไม่พบภาพ Google สำหรับ "องค์ประกอบสลับ" state "

— Myster

พระเจ้าของฉันตลอดเวลาที่ฉันคลิกขวาและทำ "ตรวจสอบองค์ประกอบ" ที่สูญเปล่าตลอดเวลา

— shriek

@Myster, Nice เคล็ดลับ Btw โหมดสลับอุปกรณ์จะทำการปรับขนาดเท่านั้นหรือไม่

— Pacerier

Ctrl+ Shift+ Iเปิดเครื่องมือสำหรับนักพัฒนาไปยังส่วนสุดท้ายที่คุณอยู่หากคุณอยู่ในส่วนทรัพยากรสุดท้ายคุณจะเห็นทรัพยากร

ฉันไม่คิดว่าจะมีแป้นพิมพ์ลัดสำหรับInspect Elementโดยเฉพาะเนื่องจากขึ้นอยู่กับบริบท (เช่นที่ตั้งของเมาส์)

— MrWhite
แหล่งที่มา

Frankadelic ต้องการเปิดเครื่องมือนักพัฒนาซอฟต์แวร์เพื่อเข้าถึงแผงทรัพยากรไม่ใช่แผงองค์ประกอบดังนั้น Ctrl + Shift + I จึงเป็นทางลัดที่ดีในการใช้: เปิดเครื่องมือนักพัฒนาในลักษณะเดียวกับที่คุณทิ้งไว้ (เมนูบริบทของ Chrome มีตัวเลือกน้อยมากดังนั้นให้คลิกขวาองค์ประกอบตรวจสอบเป็นวิธีทั่วไปที่ผู้คนแนะนำให้ไปที่เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ผ่านเมาส์)

— Bavi_H

Bavi_H ถูกต้องแล้ว

— frankadelic