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