इस गाइड में, Chrome DevTools का इस्तेमाल करके, localStorage
कुंजी-वैल्यू पेयर को देखने, उनमें बदलाव करने, और उन्हें मिटाने का तरीका बताया गया है. लोकल स्टोरेज, सभी ब्राउज़र सेशन के डेटा को सेव करता है.
localStorage
कुंजियां और वैल्यू देखें
उस वेबसाइट पर DevTools खोलें जिसकी जांच करनी है.
ऐप्लिकेशन > स्टोरेज पर जाएं और लोकल स्टोरेज को बड़ा करें. किसी डोमेन के की-वैल्यू पेयर देखने के लिए उस पर क्लिक करें.
टेबल के नीचे दी गई वैल्यू की झलक देखने के लिए, कोई पेयर चुनें.
की-वैल्यू पेयर को मैन्युअल तरीके से रीफ़्रेश करने के लिए, सबसे ऊपर दिए गए ऐक्शन बार में, रीफ़्रेश करें पर क्लिक करें.
की-वैल्यू पेयर को फ़िल्टर करें
अपनी ज़रूरत के हिसाब से किसी कुंजी-वैल्यू पेयर को तेज़ी से खोजने के लिए, स्ट्रिंग के ऊपर दिए गए फ़िल्टर बॉक्स में, कुंजी या वैल्यू से जुड़ी वैल्यू टाइप करें.
localStorage
की-वैल्यू का नया पेयर बनाएं
- डोमेन के
localStorage
की-वैल्यू पेयर देखें. उदाहरण के लिए, इस डेमो पेज पर. - टेबल के खाली हिस्से पर दो बार क्लिक करें. DevTools एक नई लाइन बनाता है और आपके कर्सर को कुंजी कॉलम में फ़ोकस करता है.
- की-वैल्यू पेयर डालें.
localStorage
कुंजियों या वैल्यू में बदलाव करें
- किसी डोमेन के
localStorage
की-वैल्यू पेयर देखें. उदाहरण के लिए, इस डेमो पेज पर. - उस कुंजी या वैल्यू में बदलाव करने के लिए, कुंजी या वैल्यू कॉलम में किसी सेल पर दो बार क्लिक करें.
- लागू करने के लिए पेज को रीफ़्रेश करें.
localStorage
की-वैल्यू पेयर को मिटाएं
- किसी डोमेन के
localStorage
की-वैल्यू पेयर देखें. उदाहरण के लिए, इस डेमो पेज पर. - किसी की-वैल्यू पेयर को चुनने के लिए उस पर क्लिक करें.
- चुने गए पेयर को हटाने के लिए, सबसे ऊपर मौजूद कार्रवाई बार में मिटाएं पर क्लिक करें.
- इसके अलावा, सभी जोड़े हटाने के लिए, सभी हटाएं पर क्लिक करें.
कंसोल में localStorage
के साथ इंटरैक्ट करें
JavaScript को कंसोल में चलाया जा सकता है और कंसोल के पास पेज की JavaScript के कॉन्टेक्स्ट का ऐक्सेस होता है. इसलिए, कंसोल से localStorage
के साथ इंटरैक्ट किया जा सकता है.
- DevTools में कंसोल खोलें.
- अगर आपको उस पेज के अलावा किसी अन्य डोमेन के
localStorage
कुंजी-वैल्यू पेयर को ऐक्सेस करना है जिस पर आप हैं, तो सबसे ऊपर मौजूद कार्रवाई बार में, संदर्भ ड्रॉप-डाउन मेन्यू से अपनी ज़रूरत के हिसाब से JavaScript कॉन्टेक्स्ट चुनें. - अपने
localStorage
एक्सप्रेशन को कंसोल में उसी तरह चलाएं, जैसे आप JavaScript में चलाते हैं.