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