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