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