จะไปที่ไฟล์เฉพาะใน Chrome Developer Tools ได้อย่างไร

ฉันกำลังพัฒนาเว็บแอปพลิเคชันด้วยแนวทางส่วนหน้าที่หนักหน่วง ด้วยการใช้ Dojo และ AMD-way ขณะนี้ฉันมีหน้าจอทดสอบซึ่งอาจโหลดไฟล์ javascript ได้มากกว่าร้อยไฟล์

เมื่อฉันต้องการแก้ไขข้อบกพร่องสำหรับปัญหาใด ๆ หรือตรวจสอบว่าฉันเห็นไฟล์เวอร์ชันเก่าหรือไม่ฉันพบว่ามันยากมากที่จะหาไฟล์ของฉันในแท็บแหล่งที่มาในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome

มีทางลัดหรือการดำเนินการใดที่ฉันสามารถทำได้ที่จะให้ฉันพิมพ์ชื่อไฟล์และจะพาฉันไปยังแหล่งที่มาของไฟล์นั้น

ขณะอยู่ในแท็บแหล่งที่มาให้ใช้CTRL+ O( ⌘+ Oสำหรับ Mac) เพื่อค้นหาสคริปต์สไตล์ชีตและตัวอย่างข้อมูลตามชื่อไฟล์

(ใช้CTRL+ SHIFT+ Oเพื่อกรอง / นำทางไปยังฟังก์ชัน JavaScript / กฎ CSS เมื่อดูไฟล์)

[ Cheatsheet Chrome Devtools ]

CTRL+ Pแสดงข้อมูลการค้นหาใน Windows

⌘+ P- ใน Mac

ใน Windows:

ใช้CTRL+ SHIFT+ F เพื่อค้นหาเนื้อหาในไฟล์

ใช้CTRL+ SHIFT+ O เพื่อค้นหาชื่อไฟล์

Mac: Command + O Windows: Ctrl + O