IndexedDB ডেটা দেখুন এবং পরিবর্তন করুন

IndexedDB ডেটা দেখতে এবং পরিবর্তন করতে Chrome DevTools কীভাবে ব্যবহার করবেন এই নির্দেশিকাটি আপনাকে দেখায়। এটি অনুমান করে যে আপনি DevTools এর সাথে পরিচিত। যদি না হয়, শুরু করুন দেখুন। এটি অনুমান করে যে আপনি IndexedDB এর সাথে পরিচিত। যদি না হয়, IndexedDB ব্যবহার করা দেখুন।

IndexedDB ডেটা দেখুন

  1. অ্যাপ্লিকেশন প্যানেল খুলতে অ্যাপ্লিকেশন ট্যাবে ক্লিক করুন। কোন ডাটাবেস উপলব্ধ তা দেখতে IndexedDB মেনু প্রসারিত করুন।

    IndexedDB মেনু

    চিত্র 1 . IndexedDB মেনু

    • ডাটাবেস আইকন নোট - https://mdn.github.io একটি ডাটাবেসের প্রতিনিধিত্ব করে, যেখানে নোটগুলি ডাটাবেসের নাম এবং https://mdn.github.io হল মূল যা ডাটাবেস অ্যাক্সেস করতে পারে।
    • অবজেক্ট স্টোর আইকন নোট একটি বস্তুর দোকান.
    • শিরোনাম এবং বডি হল সূচী
  1. একটি ডাটাবেসের উৎপত্তি এবং সংস্করণ নম্বর দেখতে ক্লিক করুন।

    'নোট' ডাটাবেস

    চিত্র ২ . নোট ডাটাবেস

  2. একটি বস্তুর দোকানে তার কী-মানের জোড়া দেখতে ক্লিক করুন।

    'নোট' বস্তুর দোকান

    চিত্র 3নোট অবজেক্ট স্টোর

    • মোট এন্ট্রি হল বস্তুর দোকানে কী-মানের জোড়ার মোট সংখ্যা।
    • কী জেনারেটরের মান হল পরবর্তী উপলব্ধ কী। এই ক্ষেত্রটি শুধুমাত্র কী জেনারেটর ব্যবহার করার সময় দেখানো হয়।
  3. সেই মানটি প্রসারিত করতে মান কলামের একটি ঘরে ক্লিক করুন।

    একটি IndexedDB মান দেখা

    চিত্র 4 । একটি IndexedDB মান দেখা

  4. নিচের চিত্র 6-শিরোনাম বা বডির মতো একটি সূচকে ক্লিক করুন, সেই সূচকের মান অনুযায়ী অবজেক্ট স্টোর বাছাই করতে।

    একটি সূচক দ্বারা একটি বস্তুর দোকান বাছাই

    চিত্র 5 । একটি বস্তুর দোকান যা তার শিরোনাম কী অনুযায়ী বর্ণানুক্রমিকভাবে সাজানো হয়

IndexedDB ডেটা রিফ্রেশ করুন

অ্যাপ্লিকেশন প্যানেলে IndexedDB মানগুলি রিয়েল-টাইমে আপডেট হয় না। রিফ্রেশ ক্লিক করুন রিফ্রেশ একটি বস্তুর দোকান দেখার সময় তার ডেটা রিফ্রেশ করতে, অথবা একটি ডাটাবেস দেখুন এবং সমস্ত ডেটা রিফ্রেশ করতে ডাটাবেস রিফ্রেশ ক্লিক করুন।

একটি ডাটাবেস দেখা

চিত্র 6 । একটি ডাটাবেস দেখা

IndexedDB ডেটা সম্পাদনা করুন

IndexedDB কী এবং মানগুলি অ্যাপ্লিকেশন প্যানেল থেকে সম্পাদনাযোগ্য নয়৷ যেহেতু DevTools-এর পৃষ্ঠা প্রসঙ্গে অ্যাক্সেস রয়েছে, তবে, আপনি DevTools-এর মধ্যে JavaScript কোড চালাতে পারেন যা IndexedDB ডেটা সম্পাদনা করে।

স্নিপেট সহ IndexedDB ডেটা সম্পাদনা করুন

স্নিপেট হল DevTools-এর মধ্যে JavaScript কোডের ব্লক সঞ্চয় ও চালানোর একটি উপায়। আপনি যখন একটি স্নিপেট চালান, ফলাফলটি কনসোলে লগ ইন করা হয়। আপনি JavaScript কোড চালানোর জন্য একটি স্নিপেট ব্যবহার করতে পারেন যা একটি IndexedDB ডাটাবেস সম্পাদনা করে।

IndexedDB এর সাথে ইন্টারঅ্যাক্ট করতে একটি স্নিপেট ব্যবহার করা

চিত্র 7 । IndexedDB এর সাথে ইন্টারঅ্যাক্ট করতে একটি স্নিপেট ব্যবহার করা

IndexedDB ডেটা মুছুন

একটি IndexedDB কী-মান জোড়া মুছুন

  1. একটি IndexedDB অবজেক্ট স্টোর দেখুন
  2. আপনি মুছতে চান এমন কী-মান জোড়াতে ক্লিক করুন। DevTools এটিকে বেছে নেওয়া হয়েছে তা নির্দেশ করার জন্য এটিকে নীল রঙে হাইলাইট করে।

    এটি মুছে ফেলার জন্য একটি মূল-মান জোড়া নির্বাচন করা হচ্ছে

    চিত্র 8 . এটি মুছে ফেলার জন্য একটি মূল-মান জোড়া নির্বাচন করা হচ্ছে

  3. মুছুন কী টিপুন বা নির্বাচিত মুছুন ক্লিক করুন মুছে নির্বাচিত .

    কী-মান জোড়া মুছে ফেলার পরে অবজেক্ট স্টোরটি কেমন দেখায়

    চিত্র 9 । কী-মান জোড়া মুছে ফেলার পরে অবজেক্ট স্টোরটি কেমন দেখায়

একটি বস্তুর দোকানে সমস্ত কী-মান জোড়া মুছুন

  1. একটি IndexedDB অবজেক্ট স্টোর দেখুন

    একটি বস্তুর দোকান দেখা

    চিত্র 10 । একটি বস্তুর দোকান দেখা

  2. ক্লিয়ার অবজেক্ট স্টোর ক্লিক করুন ক্লিয়ার অবজেক্ট স্টোর .

একটি IndexedDB ডাটাবেস মুছুন

  1. IndexedDB ডাটাবেস দেখুন যা আপনি মুছতে চান।
  2. ডাটাবেস মুছুন ক্লিক করুন।

    'ডাটাবেস মুছুন' বোতাম

    চিত্র 11ডাটাবেস মুছুন বোতাম

সমস্ত IndexedDB স্টোরেজ মুছুন

  1. ক্লিয়ার স্টোরেজ প্যান খুলুন।
  2. নিশ্চিত করুন যে IndexedDB চেকবক্স সক্রিয় আছে।
  3. সাইট ডেটা সাফ করুন ক্লিক করুন।

    'ক্লিয়ার স্টোরেজ' ফলক

    চিত্র 12ক্লিয়ার স্টোরেজ প্যান