IndexedDB ডেটা দেখতে এবং পরিবর্তন করতে Chrome DevTools কীভাবে ব্যবহার করবেন এই নির্দেশিকাটি আপনাকে দেখায়। এটি অনুমান করে যে আপনি DevTools এর সাথে পরিচিত। যদি না হয়, শুরু করুন দেখুন। এটি অনুমান করে যে আপনি IndexedDB এর সাথে পরিচিত। যদি না হয়, IndexedDB ব্যবহার করা দেখুন।
IndexedDB ডেটা দেখুন
অ্যাপ্লিকেশন প্যানেল খুলতে অ্যাপ্লিকেশন ট্যাবে ক্লিক করুন। কোন ডাটাবেস উপলব্ধ তা দেখতে IndexedDB মেনু প্রসারিত করুন।
চিত্র 1 . IndexedDB মেনু
- নোট - https://mdn.github.io একটি ডাটাবেসের প্রতিনিধিত্ব করে, যেখানে নোটগুলি ডাটাবেসের নাম এবং https://mdn.github.io হল মূল যা ডাটাবেস অ্যাক্সেস করতে পারে।
- নোট একটি বস্তুর দোকান.
- শিরোনাম এবং বডি হল সূচী ।
একটি ডাটাবেসের উৎপত্তি এবং সংস্করণ নম্বর দেখতে ক্লিক করুন।
চিত্র ২ . নোট ডাটাবেস
একটি বস্তুর দোকানে তার কী-মানের জোড়া দেখতে ক্লিক করুন।
চিত্র 3 । নোট অবজেক্ট স্টোর
- মোট এন্ট্রি হল বস্তুর দোকানে কী-মানের জোড়ার মোট সংখ্যা।
- কী জেনারেটরের মান হল পরবর্তী উপলব্ধ কী। এই ক্ষেত্রটি শুধুমাত্র কী জেনারেটর ব্যবহার করার সময় দেখানো হয়।
সেই মানটি প্রসারিত করতে মান কলামের একটি ঘরে ক্লিক করুন।
চিত্র 4 । একটি IndexedDB মান দেখা
নিচের চিত্র 6- এ শিরোনাম বা বডির মতো একটি সূচকে ক্লিক করুন, সেই সূচকের মান অনুযায়ী অবজেক্ট স্টোর বাছাই করতে।
চিত্র 5 । একটি বস্তুর দোকান যা তার শিরোনাম কী অনুযায়ী বর্ণানুক্রমিকভাবে সাজানো হয়
IndexedDB ডেটা রিফ্রেশ করুন
অ্যাপ্লিকেশন প্যানেলে IndexedDB মানগুলি রিয়েল-টাইমে আপডেট হয় না। রিফ্রেশ ক্লিক করুন একটি বস্তুর দোকান দেখার সময় তার ডেটা রিফ্রেশ করতে, অথবা একটি ডাটাবেস দেখুন এবং সমস্ত ডেটা রিফ্রেশ করতে ডাটাবেস রিফ্রেশ ক্লিক করুন।
চিত্র 6 । একটি ডাটাবেস দেখা
IndexedDB ডেটা সম্পাদনা করুন
IndexedDB কী এবং মানগুলি অ্যাপ্লিকেশন প্যানেল থেকে সম্পাদনাযোগ্য নয়৷ যেহেতু DevTools-এর পৃষ্ঠা প্রসঙ্গে অ্যাক্সেস রয়েছে, তবে, আপনি DevTools-এর মধ্যে JavaScript কোড চালাতে পারেন যা IndexedDB ডেটা সম্পাদনা করে।
স্নিপেট সহ IndexedDB ডেটা সম্পাদনা করুন
স্নিপেট হল DevTools-এর মধ্যে JavaScript কোডের ব্লক সঞ্চয় ও চালানোর একটি উপায়। আপনি যখন একটি স্নিপেট চালান, ফলাফলটি কনসোলে লগ ইন করা হয়। আপনি JavaScript কোড চালানোর জন্য একটি স্নিপেট ব্যবহার করতে পারেন যা একটি IndexedDB ডাটাবেস সম্পাদনা করে।
চিত্র 7 । IndexedDB এর সাথে ইন্টারঅ্যাক্ট করতে একটি স্নিপেট ব্যবহার করা
IndexedDB ডেটা মুছুন
একটি IndexedDB কী-মান জোড়া মুছুন
- একটি IndexedDB অবজেক্ট স্টোর দেখুন ।
আপনি মুছতে চান এমন কী-মান জোড়াতে ক্লিক করুন। DevTools এটিকে বেছে নেওয়া হয়েছে তা নির্দেশ করার জন্য এটিকে নীল রঙে হাইলাইট করে।
চিত্র 8 . এটি মুছে ফেলার জন্য একটি মূল-মান জোড়া নির্বাচন করা হচ্ছে
মুছুন কী টিপুন বা নির্বাচিত মুছুন ক্লিক করুন .
চিত্র 9 । কী-মান জোড়া মুছে ফেলার পরে অবজেক্ট স্টোরটি কেমন দেখায়
একটি বস্তুর দোকানে সমস্ত কী-মান জোড়া মুছুন
একটি IndexedDB অবজেক্ট স্টোর দেখুন ।
চিত্র 10 । একটি বস্তুর দোকান দেখা
ক্লিয়ার অবজেক্ট স্টোর ক্লিক করুন .
একটি IndexedDB ডাটাবেস মুছুন
- IndexedDB ডাটাবেস দেখুন যা আপনি মুছতে চান।
ডাটাবেস মুছুন ক্লিক করুন।
চিত্র 11 । ডাটাবেস মুছুন বোতাম
সমস্ত IndexedDB স্টোরেজ মুছুন
- ক্লিয়ার স্টোরেজ প্যান খুলুন।
- নিশ্চিত করুন যে IndexedDB চেকবক্স সক্রিয় আছে।
সাইট ডেটা সাফ করুন ক্লিক করুন।
চিত্র 12 । ক্লিয়ার স্টোরেজ প্যান