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