स्थानीयस्टोरेज को कैसे देखें या संपादित करें

Question

मैंने एक क्रोम एक्सटेंशन बनाया और डेटा स्टोर करने के लिए लोकलस्टोरेज का उपयोग कर रहा हूं।

मैं "background_page" के माध्यम से लोकलस्टोरेज को एक्सेस कर रहा हूं।

यह ठीक काम करता है लेकिन मैं अपने मूल्यों को मैन्युअल रूप से कैसे देख सकता हूं? फ़ायरफ़ॉक्स में आप फायरबग का उपयोग कर सकते हैं।

किसी के पास कोई सुझाव है?

Answer 1

यह आसान है। बस दबाकर डेवलपर टूल पर F12जाएं, फिर एप्लिकेशन टैब पर जाएं। में संग्रहण अनुभाग को विस्तृत स्थानीय संग्रह । उसके बाद, आप अपने ब्राउज़र के सभी स्थानीय भंडारण को देखेंगे।

Comments

क्रोम संस्करण 60 में आप नए आइटमों को संशोधित या जोड़ नहीं सकते, आपको इसे कंसोल के माध्यम से करना होगा औरlocalStorage.setItem('key', 'value')

— जिम अहो

क्रोम संस्करण 65 में, आप मैन्युअल रूप से संशोधित कर सकते हैं और नए आइटम जोड़ सकते हैं। नया मूल्य जोड़ने के लिए एप्लिकेशन> स्थानीय संग्रहण में कुंजी-मूल्य सूची में अंतिम कुंजी-मूल्य जोड़ी के नीचे डबल-क्लिक करें।

— रोज़ पोरन

Answer 2

बस दबाकर डेवलपर टूल खोलें F12।

एप्लिकेशन (पूर्व में संसाधन) टैब पर क्लिक करें और आपको स्थानीय सामग्री की सामग्री दिखाई देगी। वहां से आप कुंजी / मान प्रविष्टियों को मैन्युअल रूप से जोड़ / संपादित / हटा सकते हैं।

OS X पर कुंजियाँ हैं: ⌥+ ⌘+i

एक और संयोजन: Ctrl+ Shift+i

---

EDIT: Chrome 56 में यह इस तरह दिखता है:

Comments

हां पहले से ही कोशिश की है कि, लेकिन लोकलस्टोर खाली है। शायद इसलिए कि मैंने अनपैक्ड एक्सटेंशन लोड किया है?

— जो डो

इससे आपको मदद मिल सकती है: stackoverflow.com/questions/3598669/…

— Simone

सिमोन, मुझे पता है कि जेएस के साथ लोकलस्टोरेज को कैसे सेट और पढ़ना है, लेकिन मुझे इसे मैन्युअल रूप से संपादित करने / हटाने की आवश्यकता है

— जो डो

जेएस के साथ करने की आवश्यकता नहीं है, यूआई से प्रविष्टियों को जोड़ना / संपादित करना / हटाना संभव है

— सिमोन

Answer 3

मैं वर्तमान में क्रोम संस्करण 52.0.2743.82 मीटर का उपयोग कर रहा हूं। क्रोम के इस नवीनतम संस्करण में अब तक, आप "डेवलपर टूल" लॉन्च करके स्थानीय भंडारण मान देख सकते हैं और फिर "एप्लिकेशन" टैब में देख सकते हैं।

Answer 4

आप क्रोम पर जा सकते हैं: // क्रोम / एक्सटेंशन और आपके बैकग्राउंड पेज का एक लिंक होगा जिसे एक बार लॉन्च करने के बाद आप लोकस्टस्टोर सामग्री को देखने के लिए देव टूल्स का उपयोग कर सकते हैं।

Comments

जवाब के लिए धन्यवाद @ रेयान एस लेकिन लोकलस्टोरेज खाली है मैं इसे इस तरह सेट करता हूंlocalStorage['xy'] = JSON.stringify(xy);

— जो डो

क्रोम कंसोल में आप कर सकते हैं localStorage.setItem('xy', JSON.stringify(xy))और वह आइटम को स्थानीयस्टोरेज में सेट करेगा

— रयान एस

करो क्रोम: // क्रोम-

— यूरल्स

Answer 5

या तो मुझे समझ में नहीं आ रहा है कि यहां के लोग क्या करने की कोशिश कर रहे हैं, और यह वह नहीं है जो मैं कर रहा हूं, और / या क्रोम डेवलपर टूल बदल गए हैं, और इस संबंध में टूट गए हैं।

मेरे एक्सटेंशन की सामग्री-स्क्रिप्ट इस तरह डेटा संग्रहीत करती है:

chrome.storage.local.set(packet);

जब मैं एक्सटेंशन के बैकग्राउंड पेज के एप्लिकेशन टैब को देखता हूं, और स्टोरेज> लोकल स्टोरेज का विस्तार करता हूं, तो मुझे मेरा एक्सटेंशन सूचीबद्ध दिखाई देता है, लेकिन इस पर क्लिक करने से आपका डेटा प्रदर्शित होता है।

एकमात्र समाधान जो मैंने पाया है वह पृष्ठभूमि पृष्ठ के कंसोल में इसे चलाना है:

chrome.storage.local.get(null, function(data) {console.log(data);})

यह उसी तरह है जैसे कि एक्सटेंशन इसे पढ़ता है (केवल एक वांछित नाम प्राप्त करने के लिए सभी कुंजी प्राप्त करने के लिए अशक्त को छोड़कर) और यह ठीक काम करता है, यह हर बार इसे टाइप करने के लिए अजीब है। यह भी अजीब है कि यहाँ ये सभी उत्तर हैं जो मेरे लिए काम नहीं करते हैं।

मैं विंडोज 10. पर क्रोम 73.0.3683.103 (आधिकारिक बिल्ड) (64-बिट) का उपयोग कर रहा हूं। यदि यह प्रासंगिक है, तो एक्सटेंशन अभी भी अनपैक है, लेकिन यह सबसे अधिक संभावना है कि आप इसे करना चाहते हैं, अर्थात, विकास में।