Dale St. Marthe
แผงหน่วยความจํามีเครื่องมือการวินิจฉัยที่ช่วยให้คุณเห็นการแจกแจงหน่วยความจําของออบเจ็กต์ JavaScript, ค้นพบและแยกการรั่วไหลของหน่วยความจํา, ดูรายละเอียดการจัดสรรหน่วยความจําตามฟังก์ชัน และอื่นๆ
ภาพรวม
แผงความทรงจำช่วยให้คุณจับภาพโปรไฟล์ได้ 4 ประเภท โปรไฟล์ประเภทเหล่านี้แสดงภาพรวมจากมุมมองต่างๆ และมียูทิลิตีที่แตกต่างกัน
- สแนปชอตฮีป: แสดงการแจกแจงการใช้หน่วยความจำของออบเจ็กต์ JavaScript และโหนด DOM ที่เกี่ยวข้องในหน้า
- การวัดคุมการจัดสรรในไทม์ไลน์: แสดงการจัดสรรหน่วยความจําของ JavaScript ที่มีการวัดคุมเมื่อเวลาผ่านไป เมื่อบันทึกโปรไฟล์แล้ว คุณสามารถเลือกระยะเวลาเพื่อดูออบเจ็กต์ที่ได้รับการจัดสรรภายในและยังใช้ได้อยู่ในช่วงท้ายของการบันทึก ใช้โปรไฟล์ประเภทนี้เพื่อแยกหน่วยความจำรั่วไหล
- การสุ่มตัวอย่างการจัดสรร: บันทึกการจัดสรรหน่วยความจําโดยใช้เมธอดการสุ่มตัวอย่าง โปรไฟล์ประเภทนี้มีโอเวอร์เฮดประสิทธิภาพขั้นต่ำและใช้สำหรับการดำเนินการที่ใช้เวลานานได้ เครื่องมือนี้ประเมินการจัดสรรได้อย่างเหมาะสมแยกตามสแต็กการดำเนินการของ JavaScript
- องค์ประกอบที่แยกออก: แสดงออบเจ็กต์ที่เก็บไว้โดยการอ้างอิง JavaScript
คุณสามารถเลือกอินสแตนซ์ VM ของ JavaScript เพื่อเรียกใช้โปรไฟล์แต่ละรายการได้
ดูข้อมูลเพิ่มเติมได้ที่
เปิดแผงหน่วยความจำ
วิธีเปิดแผงหน่วยความจำ
- เปิดเครื่องมือสำหรับนักพัฒนาเว็บ
- เปิดเมนูคำสั่งโดยกดแป้นต่อไปนี้
- macOS: Command+Shift+P
- Windows, Linux, ChromeOS: Control+Shift+P
- เริ่มพิมพ์
memoryเลือกแสดงหน่วยความจำ แล้วกด Enter เครื่องมือสำหรับนักพัฒนาเว็บจะแสดงแผงหน่วยความจำที่ด้านบนของหน้าต่างเครื่องมือสำหรับนักพัฒนาเว็บ
หรือจะเปิดแผงหน่วยความจำด้วยวิธีต่อไปนี้ก็ได้
- ในแถบการดำเนินการที่ด้านบน ให้คลิก แผงเพิ่มเติม แล้วเลือกหน่วยความจําจากรายการแบบเลื่อนลง
- ที่มุมขวาบน ให้เลือก ตัวเลือกเพิ่มเติม > เครื่องมือเพิ่มเติม > หน่วยความจำ