वेब स्टोरेज: Difference between revisions

From Vigyanwiki
No edit summary
No edit summary
 
(11 intermediate revisions by 3 users not shown)
Line 2: Line 2:
{{HTML}}
{{HTML}}


'''वेब स्टोरेज''', जिसे कभी-कभी DOM स्टोरेज ([[ दस्तावेज़ ऑब्जेक्ट मॉडल ]] स्टोरेज) के रूप में जाना जाता है, [[वेब ब्राउज़र]] द्वारा प्रदान किया गया एक मानक [[जावास्क्रिप्ट]] एपीआई है। यह [[वेबसाइट]]ों को [[HTTP कुकी]] के समान उपयोगकर्ताओं के उपकरणों पर पर्सिस्टेंस (कंप्यूटर विज्ञान) डेटा संग्रहीत करने में सक्षम बनाता है, लेकिन बहुत बड़ी क्षमता के साथ<ref name="dev-opera-ws" />और [[HTTP शीर्षलेखों की सूची]] में कोई जानकारी नहीं भेजी गई।<ref>{{cite web|url=http://blog.andyhume.net/localstorage-is-not-cookies|archive-url=https://web.archive.org/web/20110602165051/http://blog.andyhume.net/localstorage-is-not-cookies|url-status=dead|title=लोकलस्टोरेज कुकीज़ नहीं है|author-first=Andy|author-last=Hume|archive-date=2011-06-02|date=2011-03-24|access-date=2021-05-14|website=andyhume.net}}</ref> दो मुख्य वेब स्टोरेज प्रकार हैं: स्थानीय स्टोरेज और सत्र स्टोरेज, क्रमशः [[लगातार कुकी]]ज़ और [[सत्र कुकी]]ज़ के समान व्यवहार करते हैं। वेब स्टोरेज को [[ विश्वव्यापी वेब संकाय ]] (W3C) द्वारा मानकीकृत किया गया है<ref>{{Cite web|url=http://www.w3.org/TR/webstorage/|title=वेब संग्रहण (द्वितीय संस्करण)|editor-first=Ian|editor-last=Hickson|publisher=Web Platform Working Group|website=W3C|date=2021-01-28|access-date=2021-05-14}}</ref> और [[WHATWG]],<ref>{{Cite web|url=https://html.spec.whatwg.org/multipage/webstorage.html|title=HTML Standard § 12 Web storage|website=html.spec.whatwg.org|author=WHATWG|access-date=2021-05-14}}</ref> और सभी प्रमुख ब्राउज़रों द्वारा समर्थित है।
'''वेब स्टोरेज''', जिसे कभी-कभी '''डीओएम स्टोरेज''' ([[ दस्तावेज़ ऑब्जेक्ट मॉडल |डॉक्यूमेंट ऑब्जेक्ट मॉडल]] स्टोरेज) के रूप में जाना जाता है, [[वेब ब्राउज़र]] द्वारा प्रदान किया गया एक मानक [[जावास्क्रिप्ट]] एपीआई है। इस प्रकार यह [[वेबसाइट|वेबसाइटों]] को [[HTTP कुकी|एचटीटीपी कुकीज़]] के समान उपयोगकर्ताओं के उपकरणों पर निंरन्तर डेटा संग्रहीत करने में सक्षम बनाता है, किन्तु बहुत बड़ी क्षमता के साथ<ref name="dev-opera-ws" />और [[HTTP शीर्षलेखों की सूची|एचटीटीपी शीर्षलेखों की सूची]] में कोई जानकारी नहीं भेजी गई हैं।<ref>{{cite web|url=http://blog.andyhume.net/localstorage-is-not-cookies|archive-url=https://web.archive.org/web/20110602165051/http://blog.andyhume.net/localstorage-is-not-cookies|url-status=dead|title=लोकलस्टोरेज कुकीज़ नहीं है|author-first=Andy|author-last=Hume|archive-date=2011-06-02|date=2011-03-24|access-date=2021-05-14|website=andyhume.net}}</ref> इस प्रकार दो मुख्य वेब स्टोरेज प्रकार हैं: स्थानीय स्टोरेज और सत्र स्टोरेज, क्रमशः [[लगातार कुकी]]ज़ और [[सत्र कुकी]]ज़ के समान व्यवहार करते हैं। वेब स्टोरेज को [[ विश्वव्यापी वेब संकाय |वर्ल्ड वाइड वेब कंसोर्टियम]] (W3C)<ref>{{Cite web|url=https://html.spec.whatwg.org/multipage/webstorage.html|title=HTML Standard § 12 Web storage|website=html.spec.whatwg.org|author=WHATWG|access-date=2021-05-14}}</ref> और [[WHATWG]] द्वारा मानकीकृत किया गया है<ref>{{Cite web|url=http://www.w3.org/TR/webstorage/|title=वेब संग्रहण (द्वितीय संस्करण)|editor-first=Ian|editor-last=Hickson|publisher=Web Platform Working Group|website=W3C|date=2021-01-28|access-date=2021-05-14}}</ref> और सभी प्रमुख ब्राउज़रों द्वारा समर्थित है।


==सुविधाएँ==
=='''सुविधाएँ'''==
वेब संग्रहण कुछ प्रमुख मायनों में कुकीज़ से भिन्न है।
इस प्रकार वेब संग्रहण कुछ प्रमुख मायनों में कुकीज़ से भिन्न है।


===उद्देश्य===
===उद्देश्य===
कुकीज़ सर्वर के साथ संचार के लिए अभिप्रेत हैं; वे स्वचालित रूप से सभी अनुरोधों में जुड़ जाते हैं और सर्वर और क्लाइंट-साइड दोनों द्वारा उन तक पहुंचा जा सकता है। वेब स्टोरेज विशेष रूप से [[क्लाइंट-साइड स्क्रिप्टिंग]] के दायरे में आता है। प्रत्येक HTTP अनुरोध में वेब स्टोरेज डेटा स्वचालित रूप से सर्वर पर प्रसारित नहीं होता है, और एक वेब सर्वर सीधे वेब स्टोरेज पर नहीं लिख सकता है। हालाँकि, इनमें से कोई भी प्रभाव स्पष्ट क्लाइंट-साइड स्क्रिप्ट के साथ प्राप्त किया जा सकता है, जिससे सर्वर की वांछित इंटरैक्शन को ठीक किया जा सकता है।
कुकीज़ सर्वर के साथ संचार के लिए अभिप्रेत हैं; वह स्वचालित रूप से सभी अनुरोधों में जुड़ जाते हैं और सर्वर और क्लाइंट-साइड दोनों द्वारा उन तक पहुंचा जा सकता है। इस प्रकार वेब स्टोरेज विशेष रूप से [[क्लाइंट-साइड स्क्रिप्टिंग]] के सीमा में आता है। प्रत्येक एचटीटीपी अनुरोध में वेब स्टोरेज डेटा स्वचालित रूप से सर्वर पर प्रसारित नहीं होता है, और एक वेब सर्वर सीधे वेब स्टोरेज पर नहीं लिख सकता है। यद्यपि, इनमें से कोई भी प्रभाव स्पष्ट क्लाइंट-साइड स्क्रिप्ट के साथ प्राप्त किया जा सकता है, जिससे सर्वर की वांछित इंटरैक्शन को ठीक किया जा सकता है।


===भंडारण आकार===
===भंडारण का आकार===
कुकीज़ 4 किलोबाइट तक सीमित हैं। वेब संग्रहण कहीं अधिक संग्रहण क्षमता प्रदान करता है:
कुकीज़ 4 किलोबाइट तक सीमित हैं। इस प्रकार वेब संग्रहण कहीं अधिक संग्रहण क्षमता प्रदान करता है:
* [[ओपेरा (वेब ​​ब्राउज़र)]] 10.50+ 5 एमबी की अनुमति देता है<ref name="dev-opera-ws">{{Cite web|url=https://dev.opera.com/articles/web-storage/|title=Web Storage: Easier, More Powerful Client-Side Data Storage|author-first=Shwetank|author-last=Dixit|date=2013-03-05|access-date=2021-05-14|website=Dev.Opera}}</ref>
* [[ओपेरा (वेब ​​ब्राउज़र)]] 10.50+ 5 एमबी की अनुमति देता है<ref name="dev-opera-ws">{{Cite web|url=https://dev.opera.com/articles/web-storage/|title=Web Storage: Easier, More Powerful Client-Side Data Storage|author-first=Shwetank|author-last=Dixit|date=2013-03-05|access-date=2021-05-14|website=Dev.Opera}}</ref>
* [[सफ़ारी (वेब ​​ब्राउज़र)]] 8 5 एमबी की अनुमति देता है<ref name="html5rocks-quota-research">{{Cite web|url=https://www.html5rocks.com/en/tutorials/offline/quota-research/|archive-url=https://web.archive.org/web/20140201165757/https://www.html5rocks.com/en/tutorials/offline/quota-research/|url-status=dead|title=Working with quota on mobile browsers: A research report on browser storage - HTML5 Rocks|author-first=Eiji|author-last=Kitamura|publication-date=2014-01-28|access-date=2021-05-04|archive-date=2014-02-01}}</ref>
* [[सफ़ारी (वेब ​​ब्राउज़र)]] 8 5 एमबी की अनुमति देता है<ref name="html5rocks-quota-research">{{Cite web|url=https://www.html5rocks.com/en/tutorials/offline/quota-research/|archive-url=https://web.archive.org/web/20140201165757/https://www.html5rocks.com/en/tutorials/offline/quota-research/|url-status=dead|title=Working with quota on mobile browsers: A research report on browser storage - HTML5 Rocks|author-first=Eiji|author-last=Kitamura|publication-date=2014-01-28|access-date=2021-05-04|archive-date=2014-02-01}}</ref>
* [[फ़ायरफ़ॉक्स]] 34 10 एमबी की अनुमति देता है<ref name="html5rocks-quota-research"/>(पूर्व में 2007 में प्रति समान-मूल नीति 5 एमबी<ref>[http://ejohn.org/blog/dom-storage/ John Resig: DOM Storage]. John Resig, ''ejohn.org''. Retrieved on 2011-06-12.</ref>)
* [[फ़ायरफ़ॉक्स]] 34 10 एमबी की अनुमति देता है<ref name="html5rocks-quota-research"/>(पूर्व में सत्र 2007 में प्रति मूल 5 एमबी थी)<ref>[http://ejohn.org/blog/dom-storage/ John Resig: DOM Storage]. John Resig, ''ejohn.org''. Retrieved on 2011-06-12.</ref>  
* [[Google Chrome]] प्रति मूल 10 एमबी (पूर्व में प्रति मूल 5 एमबी) की अनुमति देता है<ref>{{cite web|url=https://chromiumcodereview.appspot.com/21680002|title=Issue 21680002: Up the window.localstorage limit to 10M from 5M. - Code Review|website=Chromium Code Reviews|date=2013-03-08|access-date=2021-05-14|author=michaeln}}</ref>
* [[Google Chrome|गूगल क्रोम]] प्रति मूल 10 एमबी (पूर्व में प्रति मूल 5 एमबी) की अनुमति देता है<ref>{{cite web|url=https://chromiumcodereview.appspot.com/21680002|title=Issue 21680002: Up the window.localstorage limit to 10M from 5M. - Code Review|website=Chromium Code Reviews|date=2013-03-08|access-date=2021-05-14|author=michaeln}}</ref>
* [[इंटरनेट एक्सप्लोरर]] प्रति भंडारण क्षेत्र 10 एमबी की अनुमति देता है<ref>{{cite web|url=https://docs.microsoft.com/en-us/previous-versions/windows/desktop/legacy/bg142799(v=vs.85)|title=वेब स्टोरेज का परिचय|author=Microsoft|publisher=Microsoft|website=Microsoft Docs|date=2016-10-20|access-date=2021-05-14}}</ref>
* [[इंटरनेट एक्सप्लोरर]] प्रति भंडारण क्षेत्र 10 एमबी की अनुमति देता है<ref>{{cite web|url=https://docs.microsoft.com/en-us/previous-versions/windows/desktop/legacy/bg142799(v=vs.85)|title=वेब स्टोरेज का परिचय|author=Microsoft|publisher=Microsoft|website=Microsoft Docs|date=2016-10-20|access-date=2021-05-14}}</ref>
===स्थानीय और सत्र भंडारण===
===स्थानीय और सत्र भंडारण===
वेब स्टोरेज दो अलग-अलग स्टोरेज क्षेत्र प्रदान करता है - स्थानीय स्टोरेज और सत्र स्टोरेज - जो दायरे और जीवनकाल में भिन्न होते हैं। स्थानीय भंडारण में रखा गया डेटा प्रति मूल है - समान-मूल नीति में परिभाषित प्रोटोकॉल, होस्ट नाम और पोर्ट नंबर का संयोजन। डेटा उसी मूल के पृष्ठों से लोड की गई सभी स्क्रिप्ट के लिए उपलब्ध है, जो पहले डेटा संग्रहीत करता था और ब्राउज़र बंद होने के बाद भी बना रहता है। इस प्रकार, वेब स्टोरेज कुकी कमजोर अखंडता और कमजोर गोपनीयता मुद्दों से ग्रस्त नहीं है, जिसका वर्णन किया गया है {{IETF RFC|6265}} धारा 8.5 और 8.6. सत्र भंडारण प्रति-उत्पत्ति और प्रति-उदाहरण (प्रति-विंडो या प्रति-टैब) दोनों है और उदाहरण के जीवनकाल तक सीमित है। सत्र भंडारण का उद्देश्य एक ही वेब ऐप के अलग-अलग उदाहरणों को एक-दूसरे के साथ हस्तक्षेप किए बिना अलग-अलग विंडो में चलाने की अनुमति देना है, एक ऐसा उपयोग मामला जो कुकीज़ द्वारा अच्छी तरह से समर्थित नहीं है।<ref>[http://dev.w3.org/html5/webstorage/#introduction W3C: Web Storage draft standard]. Dev.w3.org (2004-02-05). Retrieved on 2011-06-12.</ref>
वेब स्टोरेज दो भिन्न- भिन्न स्टोरेज क्षेत्र प्रदान करता है - स्थानीय स्टोरेज और सत्र स्टोरेज - जो सीमा और जीवनकाल में भिन्न होते हैं। स्थानीय भंडारण में रखा गया डेटा प्रति मूल है - समान-मूल नीति में परिभाषित प्रोटोकॉल, होस्ट नाम और पोर्ट नंबर का संयोजन करता हैं। इस प्रकार डेटा उसी मूल के पृष्ठों से लोड की गई सभी स्क्रिप्ट के लिए उपलब्ध है, जो पहले डेटा संग्रहीत करता था और ब्राउज़र बंद होने के पश्चात् भी बना रहता है। इस प्रकार, वेब स्टोरेज कुकी अशक्त अखंडता और अशक्त गोपनीयता विवादों से ग्रस्त नहीं है, जिसका वर्णन किया गया है {{IETF RFC|6265}} धारा 8.5 और 8.6. सत्र भंडारण प्रति-उत्पत्ति और प्रति-उदाहरण (प्रति-विंडो या प्रति-टैब) दोनों है और उदाहरण के जीवनकाल तक सीमित है। सत्र भंडारण का उद्देश्य एक ही वेब ऐप के भिन्न- भिन्न उदाहरणों को एक-दूसरे के साथ हस्तक्षेप किए बिना भिन्न- भिन्न विंडो में चलाने की अनुमति देना है, इस प्रकार एक ऐसा उपयोग मामला जो कुकीज़ द्वारा अच्छी तरह से समर्थित नहीं है।<ref>[http://dev.w3.org/html5/webstorage/#introduction W3C: Web Storage draft standard]. Dev.w3.org (2004-02-05). Retrieved on 2011-06-12.</ref>
===इंटरफ़ेस और [[डेटा मॉडल]]===
===इंटरफ़ेस और [[डेटा मॉडल]]===
वेब स्टोरेज कुकीज़ की तुलना में बेहतर प्रोग्रामेटिक इंटरफ़ेस प्रदान करता है क्योंकि यह एक सहयोगी सरणी डेटा मॉडल को उजागर करता है जहां कुंजी और मान दोनों [[स्ट्रिंग (कंप्यूटर विज्ञान)]] हैं।
वेब स्टोरेज कुकीज़ की तुलना में उत्तम प्रोग्रामेटिक इंटरफ़ेस प्रदान करता है क्योंकि यह एक सहयोगी सरणी डेटा मॉडल को उजागर करता है इस प्रकार जहां कुंजी और मान दोनों [[स्ट्रिंग (कंप्यूटर विज्ञान)]] हैं।


==उपयोग==
==उपयोग==
वेब स्टोरेज का समर्थन करने वाले ब्राउज़र में वैश्विक ऑब्जेक्ट होते हैं <code>sessionStorage</code> और <code>localStorage</code> विंडो स्तर पर घोषित किया गया। वेब संग्रहण व्यवहार को ट्रिगर करने के लिए इन ब्राउज़रों पर निम्नलिखित जावास्क्रिप्ट कोड का उपयोग किया जा सकता है:<syntaxhighlight lang="javascript">
वेब स्टोरेज का समर्थन करने वाले ब्राउज़र में विंडो स्तर पर वैश्विक ऑब्जेक्ट होते हैं <code>sessionStorage</code> और <code>localStorage</code> किया गया हैं। इस प्रकार वेब संग्रहण व्यवहार को ट्रिगर करने के लिए इन ब्राउज़रों पर निम्नलिखित जावास्क्रिप्ट कोड का उपयोग किया जा सकता है:<syntaxhighlight lang="javascript">
// Store value on browser for duration of the session
// Store value on browser for duration of the session
sessionStorage.setItem('key', 'value');
sessionStorage.setItem('key', 'value');
Line 35: Line 35:
// Retrieve value (persists even after closing and re-opening the browser)
// Retrieve value (persists even after closing and re-opening the browser)
alert(localStorage.getItem('key'));
alert(localStorage.getItem('key'));
</syntaxhighlight>स्टोरेज एपीआई के माध्यम से केवल स्ट्रिंग्स को संग्रहीत किया जा सकता है।<ref>W3C, 2011 http://dev.w3.org/html5/webstorage/</ref> किसी भिन्न डेटा प्रकार को संग्रहीत करने का प्रयास करने से अधिकांश ब्राउज़रों में एक स्ट्रिंग में स्वचालित रूपांतरण हो जाएगा। हालाँकि, [[JSON]] में रूपांतरण जावास्क्रिप्ट ऑब्जेक्ट के प्रभावी भंडारण की अनुमति देता है।
</syntaxhighlight>स्टोरेज एपीआई के माध्यम से केवल स्ट्रिंग्स को संग्रहीत किया जा सकता है।<ref>W3C, 2011 http://dev.w3.org/html5/webstorage/</ref> इस प्रकार किसी भिन्न डेटा प्रकार को संग्रहीत करने का प्रयास करने से अधिकांश ब्राउज़रों में एक स्ट्रिंग में स्वचालित रूपांतरण हो जाएगा। यद्यपि, [[JSON|जेएसओएन]] में रूपांतरण जावास्क्रिप्ट ऑब्जेक्ट के प्रभावी भंडारण की अनुमति देता है।


<syntaxhighlight lang="javascript">
<syntaxhighlight lang="javascript">
Line 51: Line 51:
</syntaxhighlight>
</syntaxhighlight>
==नामपद्धति==
==नामपद्धति==
W3C ड्राफ्ट का शीर्षक वेब स्टोरेज है। DOM स्टोरेज भी आमतौर पर इस्तेमाल किया जाने वाला नाम रहा है, हालाँकि यह कम होता जा रहा है; उदाहरण के लिए मोज़िला और माइक्रोसॉफ्ट डेवलपर साइटों के DOM स्टोरेज वेब लेखों को वेब स्टोरेज लेखों से बदल दिया गया है।<ref>{{Cite web |url=https://developer.mozilla.org/En/DOM:Storage |title=डोम भंडारण|website=Mozilla Developer Network |access-date=2011-06-12|archive-url=https://web.archive.org/web/20110604140851/https://developer.mozilla.org/En/DOM:Storage |archive-date=June 4, 2011 |url-status=dead}}</ref><ref>{{Cite web |url=https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API |title=वेब संग्रहण एपीआई|website=Mozilla Developer Network |access-date=June 28, 2017}}</ref><ref>{{Cite web |url=http://msdn.microsoft.com/en-us/library/cc197062(VS.85).aspx |title=DOM स्टोरेज का परिचय|website=Microsoft Developer Network |access-date=2011-06-12 |archive-url=https://web.archive.org/web/20110608180129/http://msdn.microsoft.com/en-us/library/cc197062(VS.85).aspx |archive-date=June 8, 2011 |url-status=dead}}</ref><ref>{{Cite web |url=https://msdn.microsoft.com/en-us/library/bg142799(v=vs.85).aspx |title=वेब स्टोरेज का परिचय|website=Microsoft Developer Network |access-date=June 28, 2017}}</ref>
W3C ड्राफ्ट का शीर्षक वेब स्टोरेज है। डीओएमस्टोरेज भी सामान्यतः उपयोग किया जाने वाला नाम रहा है, यद्यपि यह कम होता जा रहा है; इस प्रकार उदाहरण के लिए मोज़िला और माइक्रोसॉफ्ट डेवलपर साइटों के डीओएमस्टोरेज वेब लेखों को वेब स्टोरेज लेखों से बदल दिया गया है।<ref>{{Cite web |url=https://developer.mozilla.org/En/DOM:Storage |title=डोम भंडारण|website=Mozilla Developer Network |access-date=2011-06-12|archive-url=https://web.archive.org/web/20110604140851/https://developer.mozilla.org/En/DOM:Storage |archive-date=June 4, 2011 |url-status=dead}}</ref><ref>{{Cite web |url=https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API |title=वेब संग्रहण एपीआई|website=Mozilla Developer Network |access-date=June 28, 2017}}</ref><ref>{{Cite web |url=http://msdn.microsoft.com/en-us/library/cc197062(VS.85).aspx |title=DOM स्टोरेज का परिचय|website=Microsoft Developer Network |access-date=2011-06-12 |archive-url=https://web.archive.org/web/20110608180129/http://msdn.microsoft.com/en-us/library/cc197062(VS.85).aspx |archive-date=June 8, 2011 |url-status=dead}}</ref><ref>{{Cite web |url=https://msdn.microsoft.com/en-us/library/bg142799(v=vs.85).aspx |title=वेब स्टोरेज का परिचय|website=Microsoft Developer Network |access-date=June 28, 2017}}</ref>
DOM स्टोरेज में DOM वस्तुतः दस्तावेज़ ऑब्जेक्ट मॉडल को संदर्भित नहीं करता है। W3C के अनुसार, DOM शब्द का उपयोग वेब अनुप्रयोगों में स्क्रिप्ट के लिए उपलब्ध कराए गए एपीआई सेट को संदर्भित करने के लिए किया जाता है, और जरूरी नहीं कि यह वास्तविक दस्तावेज़ ऑब्जेक्ट के अस्तित्व को दर्शाता हो...<ref>[http://dev.w3.org/html5/webstorage/#terminology W3C: Web Storage draft standard]. Dev.w3.org (2004-02-05). Retrieved on 2011-06-12.</ref>
 
डीओएमस्टोरेज में डीओएमवस्तुतः दस्तावेज़ ऑब्जेक्ट मॉडल को संदर्भित नहीं करता है। W3C के अनुसार, डीओएम शब्द का उपयोग वेब अनुप्रयोगों में स्क्रिप्ट के लिए उपलब्ध कराए गए एपीआई समूह को संदर्भित करने के लिए किया जाता है, और आवश्यक नहीं कि यह वास्तविक दस्तावेज़ ऑब्जेक्ट के अस्तित्व को दर्शाता हो...<ref>[http://dev.w3.org/html5/webstorage/#terminology W3C: Web Storage draft standard]. Dev.w3.org (2004-02-05). Retrieved on 2011-06-12.</ref>
==वेब भंडारण प्रबंधन==
==वेब भंडारण प्रबंधन==
वेब स्टोरेज ऑब्जेक्ट का स्टोरेज सभी सहायक वेब ब्राउज़र के वर्तमान संस्करणों में डिफ़ॉल्ट रूप से सक्षम है, ब्राउज़र विक्रेता उपयोगकर्ताओं को वेब स्टोरेज को मूल रूप से सक्षम या अक्षम करने, या वेब स्टोरेज कैश को साफ़ करने के तरीके प्रदान करते हैं।<ref>[https://mid.as/kb/00103/enable-disable-or-clear-web-storage-cache How to enable, disable, or clear your browser's "Web Storage" cache]. mid.as. Retrieved on 2022-10-06.</ref> वेब स्टोरेज पर समान नियंत्रण तृतीय पक्ष [[ब्राउज़र एक्सटेंशन]] के माध्यम से भी उपलब्ध हैं। प्रत्येक ब्राउज़र वेब स्टोरेज ऑब्जेक्ट को अलग-अलग तरीके से संग्रहीत करता है:
वेब स्टोरेज ऑब्जेक्ट का स्टोरेज सभी सहायक वेब ब्राउज़र के वर्तमान संस्करणों में डिफ़ॉल्ट रूप से सक्षम है, ब्राउज़र विक्रेता उपयोगकर्ताओं को वेब स्टोरेज को मूल रूप से सक्षम या अक्षम करने, या वेब स्टोरेज '''"कैश"''' को साफ़ करने के तरीके प्रदान करते हैं।<ref>[https://mid.as/kb/00103/enable-disable-or-clear-web-storage-cache How to enable, disable, or clear your browser's "Web Storage" cache]. mid.as. Retrieved on 2022-10-06.</ref> इस प्रकार वेब स्टोरेज पर समान नियंत्रण तृतीय पक्ष [[ब्राउज़र एक्सटेंशन]] के माध्यम से भी उपलब्ध हैं। प्रत्येक ब्राउज़र वेब स्टोरेज ऑब्जेक्ट को भिन्न- भिन्न तरीके से संग्रहीत करता है:


*फ़ायरफ़ॉक्स वेब स्टोरेज ऑब्जेक्ट को [[SQLite]] फ़ाइल में सहेजता है <code>webappsstore.sqlite</code> उपयोगकर्ता के प्रोफ़ाइल फ़ोल्डर में. <ref>[https://kb.mozillazine.org/Webappsstore.sqlite Webappsstore.sqlite] kb.mozillazine.org</ref>
*फ़ायरफ़ॉक्स वेब स्टोरेज ऑब्जेक्ट को उपयोगकर्ता के प्रोफ़ाइल फ़ोल्डर में <code>webappsstore.sqlite नामक</code>[[SQLite|एसक्यू लाइट]] फ़ाइल में सहेजता है<ref>[https://kb.mozillazine.org/Webappsstore.sqlite Webappsstore.sqlite] kb.mozillazine.org</ref>
* Google Chrome उपयोगकर्ता की प्रोफ़ाइल में SQLite फ़ाइल में वेब संग्रहण डेटा रिकॉर्ड करता है। इस फ़ाइल वाला सबफ़ोल्डर है<code>\AppData\Local\Google\Chrome\User Data\Default\Local Storage</code>[[ माइक्रोसॉफ़्ट विंडोज़ ]]़ पर, और<code>~/Library/Application Support/Google/Chrome/Default/Local Storage</code>[[macOS]] पर.
* गूगल क्रोम उपयोगकर्ता की प्रोफ़ाइल में SQLite फ़ाइल में वेब संग्रहण डेटा रिकॉर्ड करता है। इस फ़ाइल वाला सबफ़ोल्डर विंडोज़ पर "<code>\AppData\Local\Google\Chrome\User Data\Default\Local Storage</code>" on Windows, and "<code>~/Library/Application Support/Google/Chrome/Default/Local Storage</code>" on macOS. स्टोरेज" है।
* ओपेरा (वेब ​​​​ब्राउज़र) का वेब स्टोरेज इनमें से किसी एक में स्थित है<code>\AppData\Roaming\Opera\Opera\sessions\autosave.win</code>या<code>\AppData\Local\Opera\Opera\pstorage\</code>ओपेरा के संस्करण पर निर्भर करता है।
* ओपेरा (वेब ​​​​ब्राउज़र) का वेब स्टोरेज इनमें से किसी एक में स्थित है<code>\AppData\Roaming\Opera\Opera\sessions\autosave.win</code>या<code>\AppData\Local\Opera\Opera\pstorage\</code>ओपेरा के संस्करण पर निर्भर करता है।
*इंटरनेट एक्सप्लोरर का वेब स्टोरेज है<code>\AppData\LocalLow\Microsoft\Internet Explorer\DOMStorage</code>.
*इंटरनेट एक्सप्लोरर का वेब स्टोरेज "<code>\AppData\LocalLow\Microsoft\Internet Explorer\DOMStorage</code>" है।
* सफ़ारी (वेब ​​​​ब्राउज़र) का वेब स्टोरेज लेबल वाले फ़ोल्डर में स्थित है<code>LocalStorage</code>एक छुपे हुए भीतर<code>safari</code>फ़ोल्डर. <ref>[https://discussions.apple.com/thread/7772494 Where is Safari web data stored?] discussions.apple.com. Retrieved 20 2022-10-06</ref>
* सफ़ारी (वेब ​​​​ब्राउज़र) का वेब स्टोरेज एक छुपे हुए अंदर<code>safari</code>फ़ोल्डर <code>LocalStorage</code> <ref>[https://discussions.apple.com/thread/7772494 Where is Safari web data stored?] discussions.apple.com. Retrieved 20 2022-10-06</ref>लेबल वाले फ़ोल्डर में स्थित है
==यह भी देखें==
==यह भी देखें==
*[[अनुक्रमित डेटाबेस एपीआई]]
*[[अनुक्रमित डेटाबेस एपीआई]]
Line 67: Line 68:
{{reflist|30em}}
{{reflist|30em}}
==बाहरी संबंध==
==बाहरी संबंध==
* [https://html.spec.whatwg.org/multipage/webstorage.html HTML Living Standard 11 Web storage]
* [https://html.spec.whatwg.org/multipage/webstorage.html एचटीएमएल लिविंग स्टैंडर्ड 11 वेब स्टोरेज]
* [http://www.w3.org/TR/webstorage/ W3C: Web Storage]
* [http://www.w3.org/TR/webstorage/ W3C: वेब स्टोरेज]
*[https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API Web Storage API] on Mozilla Developer Network
*[https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API वेब संग्रहण एपीआई] मोज़िला डेवलपर नेटवर्क पर
* [http://dev.opera.com/articles/view/web-storage/ Opera: Web Storage: easier, more powerful client-side data storage]
* [http://dev.opera.com/articles/view/web-storage/ ओपेरा: वेब स्टोरेज: आसान, अधिक शक्तिशाली क्लाइंट-साइड डेटा स्टोरेज]
*[https://developer.blackberry.com/html5/apis/v2_2/localstorage.html Local Storage] on BlackBerry DevZone
*[https://developer.blackberry.com/html5/apis/v2_2/localstorage.html स्थानीय भंडारण] ब्लैकबेरी डेवज़ोन पर
<!--
* [http://www.domcached.com/ DOMCached - a memcached like caching system for JavaScript using DOM storage]
* Dive Into JavaScript: [http://www.diveintojavascript.com/javascript-apis/web-storage-dom-storage Web Storage (DOM Storage) Reference] and [http://www.diveintojavascript.com/tutorials/web-storage-tutorial-creating-an-address-book-application Web Storage Tutorial: Creating an Address Book Application]
-->
 
{{Web browsers|fsp}}
{{Web interfaces}}
[[Category: वर्ल्ड वाइड वेब कंसोर्टियम मानक]] [[Category: आप बोर हो जायेंगे]] [[Category: इंटरनेट गोपनीयता]]
 
 


[[Category: Machine Translated Page]]
[[Category:Created On 07/07/2023]]
[[Category:Created On 07/07/2023]]
[[Category:Lua-based templates]]
[[Category:Machine Translated Page]]
[[Category:Pages with script errors]]
[[Category:Templates Vigyan Ready]]
[[Category:Templates that add a tracking category]]
[[Category:Templates that generate short descriptions]]
[[Category:Templates using TemplateData]]
[[Category:आप बोर हो जायेंगे]]
[[Category:इंटरनेट गोपनीयता]]
[[Category:वर्ल्ड वाइड वेब कंसोर्टियम मानक]]

Latest revision as of 17:08, 28 July 2023

HTML
Comparisons

वेब स्टोरेज, जिसे कभी-कभी डीओएम स्टोरेज (डॉक्यूमेंट ऑब्जेक्ट मॉडल स्टोरेज) के रूप में जाना जाता है, वेब ब्राउज़र द्वारा प्रदान किया गया एक मानक जावास्क्रिप्ट एपीआई है। इस प्रकार यह वेबसाइटों को एचटीटीपी कुकीज़ के समान उपयोगकर्ताओं के उपकरणों पर निंरन्तर डेटा संग्रहीत करने में सक्षम बनाता है, किन्तु बहुत बड़ी क्षमता के साथ[1]और एचटीटीपी शीर्षलेखों की सूची में कोई जानकारी नहीं भेजी गई हैं।[2] इस प्रकार दो मुख्य वेब स्टोरेज प्रकार हैं: स्थानीय स्टोरेज और सत्र स्टोरेज, क्रमशः लगातार कुकीज़ और सत्र कुकीज़ के समान व्यवहार करते हैं। वेब स्टोरेज को वर्ल्ड वाइड वेब कंसोर्टियम (W3C)[3] और WHATWG द्वारा मानकीकृत किया गया है[4] और सभी प्रमुख ब्राउज़रों द्वारा समर्थित है।

सुविधाएँ

इस प्रकार वेब संग्रहण कुछ प्रमुख मायनों में कुकीज़ से भिन्न है।

उद्देश्य

कुकीज़ सर्वर के साथ संचार के लिए अभिप्रेत हैं; वह स्वचालित रूप से सभी अनुरोधों में जुड़ जाते हैं और सर्वर और क्लाइंट-साइड दोनों द्वारा उन तक पहुंचा जा सकता है। इस प्रकार वेब स्टोरेज विशेष रूप से क्लाइंट-साइड स्क्रिप्टिंग के सीमा में आता है। प्रत्येक एचटीटीपी अनुरोध में वेब स्टोरेज डेटा स्वचालित रूप से सर्वर पर प्रसारित नहीं होता है, और एक वेब सर्वर सीधे वेब स्टोरेज पर नहीं लिख सकता है। यद्यपि, इनमें से कोई भी प्रभाव स्पष्ट क्लाइंट-साइड स्क्रिप्ट के साथ प्राप्त किया जा सकता है, जिससे सर्वर की वांछित इंटरैक्शन को ठीक किया जा सकता है।

भंडारण का आकार

कुकीज़ 4 किलोबाइट तक सीमित हैं। इस प्रकार वेब संग्रहण कहीं अधिक संग्रहण क्षमता प्रदान करता है:

स्थानीय और सत्र भंडारण

वेब स्टोरेज दो भिन्न- भिन्न स्टोरेज क्षेत्र प्रदान करता है - स्थानीय स्टोरेज और सत्र स्टोरेज - जो सीमा और जीवनकाल में भिन्न होते हैं। स्थानीय भंडारण में रखा गया डेटा प्रति मूल है - समान-मूल नीति में परिभाषित प्रोटोकॉल, होस्ट नाम और पोर्ट नंबर का संयोजन करता हैं। इस प्रकार डेटा उसी मूल के पृष्ठों से लोड की गई सभी स्क्रिप्ट के लिए उपलब्ध है, जो पहले डेटा संग्रहीत करता था और ब्राउज़र बंद होने के पश्चात् भी बना रहता है। इस प्रकार, वेब स्टोरेज कुकी अशक्त अखंडता और अशक्त गोपनीयता विवादों से ग्रस्त नहीं है, जिसका वर्णन किया गया है RFC 6265 धारा 8.5 और 8.6. सत्र भंडारण प्रति-उत्पत्ति और प्रति-उदाहरण (प्रति-विंडो या प्रति-टैब) दोनों है और उदाहरण के जीवनकाल तक सीमित है। सत्र भंडारण का उद्देश्य एक ही वेब ऐप के भिन्न- भिन्न उदाहरणों को एक-दूसरे के साथ हस्तक्षेप किए बिना भिन्न- भिन्न विंडो में चलाने की अनुमति देना है, इस प्रकार एक ऐसा उपयोग मामला जो कुकीज़ द्वारा अच्छी तरह से समर्थित नहीं है।[9]

इंटरफ़ेस और डेटा मॉडल

वेब स्टोरेज कुकीज़ की तुलना में उत्तम प्रोग्रामेटिक इंटरफ़ेस प्रदान करता है क्योंकि यह एक सहयोगी सरणी डेटा मॉडल को उजागर करता है इस प्रकार जहां कुंजी और मान दोनों स्ट्रिंग (कंप्यूटर विज्ञान) हैं।

उपयोग

वेब स्टोरेज का समर्थन करने वाले ब्राउज़र में विंडो स्तर पर वैश्विक ऑब्जेक्ट होते हैं sessionStorage और localStorage किया गया हैं। इस प्रकार वेब संग्रहण व्यवहार को ट्रिगर करने के लिए इन ब्राउज़रों पर निम्नलिखित जावास्क्रिप्ट कोड का उपयोग किया जा सकता है:

// Store value on browser for duration of the session
sessionStorage.setItem('key', 'value');

// Retrieve value (gets deleted when browser is closed and re-opened) ...
alert(sessionStorage.getItem('key'));

// Store value on the browser beyond the duration of the session
localStorage.setItem('key', 'value');

// Retrieve value (persists even after closing and re-opening the browser)
alert(localStorage.getItem('key'));

स्टोरेज एपीआई के माध्यम से केवल स्ट्रिंग्स को संग्रहीत किया जा सकता है।[10] इस प्रकार किसी भिन्न डेटा प्रकार को संग्रहीत करने का प्रयास करने से अधिकांश ब्राउज़रों में एक स्ट्रिंग में स्वचालित रूपांतरण हो जाएगा। यद्यपि, जेएसओएन में रूपांतरण जावास्क्रिप्ट ऑब्जेक्ट के प्रभावी भंडारण की अनुमति देता है। 

// Store an object instead of a string
localStorage.setItem('key', {name: 'value'});
alert(typeof localStorage.getItem('key')); // string

// Store an integer instead of a string
localStorage.setItem('key', 1);
alert(typeof localStorage.getItem('key')); // string

// Store an object using JSON
localStorage.setItem('key', JSON.stringify({name: 'value'}));
alert(JSON.parse(localStorage.getItem('key')).name); // value

नामपद्धति

W3C ड्राफ्ट का शीर्षक वेब स्टोरेज है। डीओएमस्टोरेज भी सामान्यतः उपयोग किया जाने वाला नाम रहा है, यद्यपि यह कम होता जा रहा है; इस प्रकार उदाहरण के लिए मोज़िला और माइक्रोसॉफ्ट डेवलपर साइटों के डीओएमस्टोरेज वेब लेखों को वेब स्टोरेज लेखों से बदल दिया गया है।[11][12][13][14]

डीओएमस्टोरेज में डीओएमवस्तुतः दस्तावेज़ ऑब्जेक्ट मॉडल को संदर्भित नहीं करता है। W3C के अनुसार, डीओएम शब्द का उपयोग वेब अनुप्रयोगों में स्क्रिप्ट के लिए उपलब्ध कराए गए एपीआई समूह को संदर्भित करने के लिए किया जाता है, और आवश्यक नहीं कि यह वास्तविक दस्तावेज़ ऑब्जेक्ट के अस्तित्व को दर्शाता हो...[15]

वेब भंडारण प्रबंधन

वेब स्टोरेज ऑब्जेक्ट का स्टोरेज सभी सहायक वेब ब्राउज़र के वर्तमान संस्करणों में डिफ़ॉल्ट रूप से सक्षम है, ब्राउज़र विक्रेता उपयोगकर्ताओं को वेब स्टोरेज को मूल रूप से सक्षम या अक्षम करने, या वेब स्टोरेज "कैश" को साफ़ करने के तरीके प्रदान करते हैं।[16] इस प्रकार वेब स्टोरेज पर समान नियंत्रण तृतीय पक्ष ब्राउज़र एक्सटेंशन के माध्यम से भी उपलब्ध हैं। प्रत्येक ब्राउज़र वेब स्टोरेज ऑब्जेक्ट को भिन्न- भिन्न तरीके से संग्रहीत करता है:

  • फ़ायरफ़ॉक्स वेब स्टोरेज ऑब्जेक्ट को उपयोगकर्ता के प्रोफ़ाइल फ़ोल्डर में webappsstore.sqlite नामकएसक्यू लाइट फ़ाइल में सहेजता है[17]
  • गूगल क्रोम उपयोगकर्ता की प्रोफ़ाइल में SQLite फ़ाइल में वेब संग्रहण डेटा रिकॉर्ड करता है। इस फ़ाइल वाला सबफ़ोल्डर विंडोज़ पर "\AppData\Local\Google\Chrome\User Data\Default\Local Storage" on Windows, and "~/Library/Application Support/Google/Chrome/Default/Local Storage" on macOS. स्टोरेज" है।
  • ओपेरा (वेब ​​​​ब्राउज़र) का वेब स्टोरेज इनमें से किसी एक में स्थित है\AppData\Roaming\Opera\Opera\sessions\autosave.winया\AppData\Local\Opera\Opera\pstorage\ओपेरा के संस्करण पर निर्भर करता है।
  • इंटरनेट एक्सप्लोरर का वेब स्टोरेज "\AppData\LocalLow\Microsoft\Internet Explorer\DOMStorage" है।
  • सफ़ारी (वेब ​​​​ब्राउज़र) का वेब स्टोरेज एक छुपे हुए अंदरsafariफ़ोल्डर LocalStorage [18]लेबल वाले फ़ोल्डर में स्थित है

यह भी देखें

संदर्भ

  1. ↑ 1.0 1.1 Dixit, Shwetank (2013-03-05). "Web Storage: Easier, More Powerful Client-Side Data Storage". Dev.Opera. Retrieved 2021-05-14.
  2. ↑ Hume, Andy (2011-03-24). "लोकलस्टोरेज कुकीज़ नहीं है". andyhume.net. Archived from the original on 2011-06-02. Retrieved 2021-05-14.
  3. ↑ WHATWG. "HTML Standard § 12 Web storage". html.spec.whatwg.org. Retrieved 2021-05-14.
  4. ↑ Hickson, Ian, ed. (2021-01-28). "वेब संग्रहण (द्वितीय संस्करण)". W3C. Web Platform Working Group. Retrieved 2021-05-14.
  5. ↑ 5.0 5.1 Kitamura, Eiji (2014-01-28). "Working with quota on mobile browsers: A research report on browser storage - HTML5 Rocks". Archived from the original on 2014-02-01. Retrieved 2021-05-04.
  6. ↑ John Resig: DOM Storage. John Resig, ejohn.org. Retrieved on 2011-06-12.
  7. ↑ michaeln (2013-03-08). "Issue 21680002: Up the window.localstorage limit to 10M from 5M. - Code Review". Chromium Code Reviews. Retrieved 2021-05-14.
  8. ↑ Microsoft (2016-10-20). "वेब स्टोरेज का परिचय". Microsoft Docs. Microsoft. Retrieved 2021-05-14.
  9. ↑ W3C: Web Storage draft standard. Dev.w3.org (2004-02-05). Retrieved on 2011-06-12.
  10. ↑ W3C, 2011 http://dev.w3.org/html5/webstorage/
  11. ↑ "डोम भंडारण". Mozilla Developer Network. Archived from the original on June 4, 2011. Retrieved 2011-06-12.
  12. ↑ "वेब संग्रहण एपीआई". Mozilla Developer Network. Retrieved June 28, 2017.
  13. ↑ "DOM स्टोरेज का परिचय". Microsoft Developer Network. Archived from the original on June 8, 2011. Retrieved 2011-06-12.
  14. ↑ "वेब स्टोरेज का परिचय". Microsoft Developer Network. Retrieved June 28, 2017.
  15. ↑ W3C: Web Storage draft standard. Dev.w3.org (2004-02-05). Retrieved on 2011-06-12.
  16. ↑ How to enable, disable, or clear your browser's "Web Storage" cache. mid.as. Retrieved on 2022-10-06.
  17. ↑ Webappsstore.sqlite kb.mozillazine.org
  18. ↑ Where is Safari web data stored? discussions.apple.com. Retrieved 20 2022-10-06

बाहरी संबंध

Retrieved from ‘https://www.vigyanwiki.in/index.php?title=वेब_स्टोरेज&oldid=229451’