หานิยามฟังก์ชัน JavaScript ใน Chrome DevTools ยังไง

เพื่อค้นหานิยามของฟังก์ชัน JavaScript ใน Google Chrome ให้ทำตามขั้นตอนด้านล่าง:

1. เปิดเว็บเบราว์เซอร์ Chrome และกด F12 เพื่อเปิด Developer Tools
2. กด Ctrl + Shift + F เพื่อเปิดการค้นหาทั่วทั้งโปรเจกต์ (Global Search)
3. ติ๊กถูก Regular Expression (ไอคอน .* หรือกด Alt + R)
4. ค้นหาคำว่า function หรือชื่อฟังก์ชันที่ต้องการ

เคล็ดลับเพิ่มเติม

• Go to Definition: คลิกขวาที่ชื่อฟังก์ชันในโค้ด → เลือก "Go to definition" (รองรับใน Sources tab)
• Call Stack: ในแท็บ Sources ตั้ง breakpoint แล้วดู Call Stack เมื่อหยุดทำงาน
• Console: พิมพ์ชื่อฟังก์ชันใน Console จะแสดงนิยามและตำแหน่งไฟล์
• Search in File: ในแท็บ Sources กด Ctrl + F เพื่อค้นหาในไฟล์ปัจจุบัน

หมายเหตุ: รูปภาพในบทความต้นฉบับเป็นภาพหน้าจอ DevTools แสดงการตั้งค่า Regular Expression และผลการค้นหา