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