ดูตัวแปรในแหล่งที่มา

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

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

ดูส่วนโปรแกรมแก้ไขข้อบกพร่อง

การเพิ่มตัวแปร

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

ปุ่มเพิ่มในรายการที่อยากดู

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

ตัวแปรที่ไม่รู้จักในรายการที่อยากดู

การอัปเดตตัวแปร

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

ปุ่มรีเฟรชตัวแปรนาฬิกา

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

ตัวแปรที่อัปเดตซึ่งกำลังติดตามอยู่

การนำตัวแปรออก

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

วางเมาส์เหนือตัวแปรเพื่อนำออกจากรายการที่อยากดู