Dale St. Marthe
মেমরি প্যানেল ডায়াগনস্টিক সরঞ্জাম সরবরাহ করে যা আপনাকে জাভাস্ক্রিপ্ট অবজেক্টের মেমরি বিতরণ দেখতে, মেমরি লিকগুলি আবিষ্কার এবং বিচ্ছিন্ন করতে, ফাংশন দ্বারা মেমরি বরাদ্দের ভাঙ্গন পেতে এবং আরও অনেক কিছু করতে দেয়।
ওভারভিউ
মেমরি প্যানেল আপনাকে চারটি প্রোফাইল প্রকার ক্যাপচার করতে দেয়। এই প্রোফাইল প্রকারগুলি আপনাকে বিভিন্ন দৃষ্টিকোণ থেকে স্ন্যাপশট দেখায় এবং বিভিন্ন উপযোগ প্রদান করে:
- হিপ স্ন্যাপশট : আপনার পৃষ্ঠার জাভাস্ক্রিপ্ট অবজেক্ট এবং সম্পর্কিত DOM নোডগুলির মধ্যে মেমরি বিতরণ দেখায়।
- টাইমলাইনে বরাদ্দকরণ উপকরণ : সময়ের সাথে সাথে ইনস্ট্রুমেন্টেড জাভাস্ক্রিপ্ট মেমরি বরাদ্দ দেখায়। একবার একটি প্রোফাইল রেকর্ড করা হলে আপনি এটির মধ্যে বরাদ্দ করা বস্তুগুলি দেখতে একটি সময়ের ব্যবধান নির্বাচন করতে পারেন এবং রেকর্ডিং শেষ হওয়ার পরেও বেঁচে থাকে৷ মেমরি লিক বিচ্ছিন্ন করতে এই প্রোফাইল টাইপ ব্যবহার করুন.
- বরাদ্দের নমুনা : নমুনা পদ্ধতি ব্যবহার করে মেমরি বরাদ্দ রেকর্ড করে। এই প্রোফাইলের ন্যূনতম কর্মক্ষমতা ওভারহেড আছে এবং দীর্ঘ চলমান অপারেশনের জন্য ব্যবহার করা যেতে পারে। এটি জাভাস্ক্রিপ্ট এক্সিকিউশন স্ট্যাকের দ্বারা বিভক্ত বরাদ্দের ভাল অনুমান প্রদান করে।
- বিচ্ছিন্ন উপাদান : জাভাস্ক্রিপ্ট রেফারেন্স দ্বারা ধরে রাখা বস্তুগুলি দেখায়।
আপনি এই প্রোফাইলগুলির প্রতিটি চালানোর জন্য একটি JavaScript VM উদাহরণ নির্বাচন করতে পারেন৷
আরও জানতে, দেখুন:
মেমরি প্যানেল খুলুন
মেমরি প্যানেল খুলতে:
- DevTools খুলুন ।
- টিপে কমান্ড মেনু খুলুন:
- macOS: কমান্ড + শিফট + পি
- উইন্ডোজ, লিনাক্স, ক্রোমওএস: কন্ট্রোল + শিফট + পি
-
memoryটাইপ করা শুরু করুন, মেমরি দেখান নির্বাচন করুন এবং এন্টার টিপুন। DevTools আপনার DevTools উইন্ডোর উপরে মেমরি প্যানেল প্রদর্শন করে।
বিকল্পভাবে, আপনি নিম্নলিখিত উপায়ে মেমরি প্যানেল খুলতে পারেন:
- উপরের অ্যাকশন বারে, More প্যানেলে ক্লিক করুন এবং ড্রপ-ডাউন তালিকা থেকে মেমরি নির্বাচন করুন।
- উপরের ডানদিকে কোণায়, আরও বিকল্প > আরও টুল > মেমরি নির্বাচন করুন।