เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของ Chrome ช่วยให้คุณดูตัวแปรหลายรายการในแอปพลิเคชันได้อย่างง่ายดาย การติดตามตัวแปรภายในแหล่งที่มาจะช่วยให้คุณไม่ต้องออกจากคอนโซลและมุ่งเน้นที่การปรับปรุงโค้ดได้
แผงแหล่งที่มาช่วยให้คุณดูตัวแปรภายในแอปพลิเคชันได้ ซึ่งอยู่ในส่วน "ดู" ของแถบด้านข้างของโปรแกรมแก้ไขข้อบกพร่อง การใช้ฟังก์ชันการทำงานนี้จะช่วยให้คุณไม่ต้องบันทึกออบเจ็กต์ลงในคอนโซลซ้ำๆ

การเพิ่มตัวแปร
หากต้องการเพิ่มตัวแปรลงในรายการติดตาม ให้ใช้ไอคอนเพิ่มทางด้านขวาของส่วนหัว ซึ่งจะเป็นการเปิดอินพุตในบรรทัดที่คุณระบุชื่อตัวแปรที่จะติดตาม เมื่อกรอกข้อมูลแล้ว ให้กดแป้น Enter เพื่อเพิ่มลงในรายการ

เครื่องมือตรวจสอบจะแสดงค่าปัจจุบันของตัวแปรเมื่อเพิ่ม หากไม่ได้ตั้งค่าตัวแปรหรือไม่พบตัวแปร ระบบจะแสดง

การอัปเดตตัวแปร
ค่าตัวแปรอาจเปลี่ยนแปลงไปเมื่อแอปพลิเคชันทํางานต่อไป รายการติดตามไม่ใช่มุมมองแบบเรียลไทม์ของตัวแปร เว้นแต่คุณจะกำลังดำเนินการทีละขั้นตอน เมื่อคุณสเต็ปผ่านการดำเนินการโดยใช้breakpoints ค่าที่ดูอยู่จะอัปเดตโดยอัตโนมัติ หากต้องการตรวจสอบตัวแปรในรายการอีกครั้งด้วยตนเอง ให้กดปุ่มรีเฟรชทางด้านขวาของส่วนหัว

เมื่อมีการขอรีเฟรช ระบบจะตรวจสอบสถานะแอปพลิเคชันปัจจุบันอีกครั้ง ระบบจะอัปเดตรายการที่ดูแล้วทุกรายการด้วยค่าปัจจุบัน

การนำตัวแปรออก
หากต้องการดูข้อมูลให้น้อยที่สุดเพื่อให้ทำงานได้เร็วขึ้น คุณอาจต้องนําตัวแปรออกจากรายการติดตาม ซึ่งทำได้โดยวางเมาส์เหนือตัวแปร แล้วคลิกไอคอนการนำออกที่ปรากฏทางด้านขวา
