लोकल स्टोरेज देखें और उनमें बदलाव करें

Kayce Basques

Sofia Emelianova

इस गाइड में, Chrome DevTools का इस्तेमाल करके, localStorage की-वैल्यू पेयर देखने, उनमें बदलाव करने, और उन्हें मिटाने का तरीका बताया गया है. लोकल स्टोरेज, ब्राउज़र के सभी सेशन का डेटा सेव करता है.

localStorage की और वैल्यू देखना

1. जिस वेबसाइट की जांच करनी है उस पर DevTools खोलें.

2. ऐप्लिकेशन > स्टोरेज पर जाएं और स्थानीय स्टोरेज को बड़ा करें. किसी डोमेन के की-वैल्यू पेयर देखने के लिए, उस पर क्लिक करें.

   

3. टेबल के नीचे दी गई वैल्यू की झलक देखने के लिए, कोई जोड़ा चुनें.

   

की-वैल्यू पेयर को मैन्युअल तरीके से रीफ़्रेश करने के लिए, सबसे ऊपर मौजूद ऐक्शन बार में रीफ़्रेश करें पर क्लिक करें.

की-वैल्यू पेयर फ़िल्टर करना

अपनी पसंद का की-वैल्यू पेयर तुरंत ढूंढने के लिए, सबसे ऊपर मौजूद फ़िल्टर बॉक्स में कोई स्ट्रिंग टाइप करें. यह स्ट्रिंग, की या वैल्यू में से किसी एक में मौजूद होनी चाहिए.

नया localStorage की-वैल्यू पेयर बनाना

1. डोमेन के localStorage की-वैल्यू पेयर देखें. उदाहरण के लिए, इस डेमो पेज पर.
2. टेबल के खाली हिस्से पर दो बार क्लिक करें. DevTools एक नई पंक्ति बनाता है और कुंजी कॉलम पर अपने कर्सर को फ़ोकस करता है.
3. कोई नया की-वैल्यू पेयर डालें.

localStorage कुंजियों या वैल्यू में बदलाव करना

1. किसी डोमेन के localStorage की-वैल्यू पेयर देखना. उदाहरण के लिए, इस डेमो पेज पर.
2. उस कुंजी या वैल्यू में बदलाव करने के लिए, कुंजी या वैल्यू कॉलम में सेल पर दो बार क्लिक करें.
3. आवेदन करने के लिए, पेज को रीफ़्रेश करें.

localStorage की-वैल्यू पेयर मिटाना

1. किसी डोमेन के localStorage की-वैल्यू पेयर देखना. उदाहरण के लिए, इस डेमो पेज पर.
2. किसी की-वैल्यू पेयर को चुनने के लिए उस पर क्लिक करें.
3. चुनी गई जोड़ी को हटाने के लिए, सबसे ऊपर मौजूद ऐक्शन बार में मिटाएं पर क्लिक करें.
4. इसके अलावा, सभी पेयर हटाने के लिए, सभी हटाएं पर क्लिक करें.

कंसोल में जाकर, localStorage के साथ इंटरैक्ट करें

Console में JavaScript को चलाया जा सकता है. साथ ही, Console के पास पेज के JavaScript कॉन्टेक्स्ट का ऐक्सेस होता है. इसलिए, Console से localStorage के साथ इंटरैक्ट किया जा सकता है.

1. DevTools में, कंसोल खोलें.
2. आप जिस पेज पर हैं अगर उसके बजाय किसी दूसरे डोमेन के localStorage की-वैल्यू पेयर ऐक्सेस करना चाहते हैं, तो सबसे ऊपर मौजूद ऐक्शन बार में कॉन्टेक्स्ट ड्रॉप-डाउन मेन्यू से JavaScript कॉन्टेक्स्ट चुनें.
3. कंसोल में अपने localStorage एक्सप्रेशन चलाएं, ठीक उसी तरह जैसे आपने JavaScript में किया था.