Share
VIDEOS 1 TO 50
HTML5 Tutorial - 48 - Web Storage API
HTML5 Tutorial - 48 - Web Storage API
Published: 2011/12/23
Channel: thenewboston
JavaScript Storage Interface sessionStorage localStorage Tutorial
JavaScript Storage Interface sessionStorage localStorage Tutorial
Published: 2015/10/05
Channel: Adam Khoury
HTML5 Web Storage
HTML5 Web Storage
Published: 2014/03/12
Channel: Traversy Media
HTML5 - Aula 22 - WebStorage
HTML5 - Aula 22 - WebStorage
Published: 2016/06/28
Channel: CFB Cursos
ASUS Webstorage para nuevos usuarios
ASUS Webstorage para nuevos usuarios
Published: 2012/08/16
Channel: ASUS Colombia
Curso HTML 5  API Web Storage. Almacenando información. Vídeo 48
Curso HTML 5 API Web Storage. Almacenando información. Vídeo 48
Published: 2014/04/09
Channel: pildorasinformaticas
What is Cloud Storage?
What is Cloud Storage?
Published: 2014/10/04
Channel: TechSmartt
JavaScript Lesson 19 Client Side Web Storage
JavaScript Lesson 19 Client Side Web Storage
Published: 2016/03/07
Channel: DoingITeasyChannel
HTML5 Tutorial - 49 - Making the Web Storage Program Pretty
HTML5 Tutorial - 49 - Making the Web Storage Program Pretty
Published: 2011/12/23
Channel: thenewboston
Turn Your Raspberry Pi 3 into a Personal Cloud Storage
Turn Your Raspberry Pi 3 into a Personal Cloud Storage
Published: 2016/06/25
Channel: AvoidErrors
What Is Cloud Storage?
What Is Cloud Storage?
Published: 2012/02/24
Channel: broadbandbuyer
Web Storage and AngularJS
Web Storage and AngularJS
Published: 2015/03/31
Channel: Paired Programmers
Best Free Cloud Storage Services 2016-2017
Best Free Cloud Storage Services 2016-2017
Published: 2016/03/26
Channel: Mostly Tech
Which Cloud is Best? - Cloud Storage Roundup 2016
Which Cloud is Best? - Cloud Storage Roundup 2016
Published: 2016/11/27
Channel: InfinitelyGalactic
HTML5 Tutorial (Section 5-Webstorage in HTML5)
HTML5 Tutorial (Section 5-Webstorage in HTML5)
Published: 2014/08/10
Channel: Beginner Tutorials
How Create Your Own Private Storage Cloud in Your Garage
How Create Your Own Private Storage Cloud in Your Garage
Published: 2015/10/17
Channel: AvoidErrors
HTML5 local storage API tutorial in Hindi Urdu | HTML5 Web Storage | vishAcademy
HTML5 local storage API tutorial in Hindi Urdu | HTML5 Web Storage | vishAcademy
Published: 2017/06/22
Channel: vishAcademy
HTML5 Tutorial - Web Storage
HTML5 Tutorial - Web Storage
Published: 2015/08/18
Channel: Learning Programming
How to get 2 Terabytes of Free Cloud Storage
How to get 2 Terabytes of Free Cloud Storage
Published: 2017/01/11
Channel: The Last Episode
See how ASUS WebStorage makes your life easier.
See how ASUS WebStorage makes your life easier.
Published: 2010/01/27
Channel: asuswebstorage
In 3 minutes, html5 web storage API
In 3 minutes, html5 web storage API
Published: 2015/08/27
Channel: Gaur Associates
Introducing Cloud Storage for Firebase
Introducing Cloud Storage for Firebase
Published: 2016/05/18
Channel: Firebase
Create your own Cloud Storage Server in Minutes - ownCloud
Create your own Cloud Storage Server in Minutes - ownCloud
Published: 2015/10/11
Channel: AvoidErrors
Introduction to Amazon Simple Storage Service (S3) - Cloud Storage on AWS
Introduction to Amazon Simple Storage Service (S3) - Cloud Storage on AWS
Published: 2015/09/17
Channel: Amazon Web Services
how to register asus webstorage free cloud 2016
how to register asus webstorage free cloud 2016
Published: 2016/05/23
Channel: Parc Intro Creations
TOP 5 FREE CLOUD STORAGE SERVICES 2015
TOP 5 FREE CLOUD STORAGE SERVICES 2015
Published: 2015/07/13
Channel: Chase Dizzie
Automatic Setup of a Hikvision Camera with Cloud Storage
Automatic Setup of a Hikvision Camera with Cloud Storage
Published: 2015/08/25
Channel: Camcloud
How to Read Hidden Values from HTML5 Web Storage
How to Read Hidden Values from HTML5 Web Storage
Published: 2012/03/08
Channel: webpwnized
ASUS WebStorage - Store everything. Share anything
ASUS WebStorage - Store everything. Share anything
Published: 2013/07/05
Channel: asuswebstorage
Sobre WebStorage #html5IO
Sobre WebStorage #html5IO
Published: 2012/08/22
Channel: DesarrolloWeb.com
[ हिन्दी ] what is cloud storage and what it does ?? explained
[ हिन्दी ] what is cloud storage and what it does ?? explained
Published: 2017/03/04
Channel: Site Vita
Choosing your storage and database on Google Cloud Platform
Choosing your storage and database on Google Cloud Platform
Published: 2016/08/29
Channel: Google Cloud
Get free space on ASUS WebStorage comes with your ASUS smart phone and tablet.
Get free space on ASUS WebStorage comes with your ASUS smart phone and tablet.
Published: 2015/06/03
Channel: asuswebstorage
ASUS web storage [PCAXE.COM]
ASUS web storage [PCAXE.COM]
Published: 2011/09/19
Channel: PCAXE
Web Storage in HTML5
Web Storage in HTML5
Published: 2013/05/16
Channel: Internet Services and Social Networks Tutorials from HowTech
Platformer Game #11 - WebStorage and LocalStorage - Construct 2 Tutorial
Platformer Game #11 - WebStorage and LocalStorage - Construct 2 Tutorial
Published: 2017/05/29
Channel: RedFoc Tutorial
Construct 2 Plugins - Webstorage
Construct 2 Plugins - Webstorage
Published: 2014/09/02
Channel: English Acorn
How to configure Hikvision Cloud Storage on a Hikvision NVR or DVR using a web browser
How to configure Hikvision Cloud Storage on a Hikvision NVR or DVR using a web browser
Published: 2017/03/09
Channel: Netview CCTV
ASUS WebStorage- Remote Drive
ASUS WebStorage- Remote Drive
Published: 2015/08/13
Channel: asuswebstorage
How Cloud Storage Works
How Cloud Storage Works
Published: 2014/07/23
Channel: Nasuni
What is Web Storage and Browser Support of HTML5 Web Storage
What is Web Storage and Browser Support of HTML5 Web Storage
Published: 2014/12/19
Channel: pokeang ung
Uploading Files to Google Cloud Storage
Uploading Files to Google Cloud Storage
Published: 2015/06/27
Channel: Sandeep Dinesh
Create your own Cloud Storage
Create your own Cloud Storage
Published: 2015/05/09
Channel: Dave Bennett
LUW webStorage
LUW webStorage
Published: 2016/10/31
Channel: Lenovo Software
Tutorial Construct 2 - Create HighScore using WebStorage
Tutorial Construct 2 - Create HighScore using WebStorage
Published: 2015/12/13
Channel: RedFoc Tutorial
How to access one drive cloud storage from web browser on another computer and how to add  new files
How to access one drive cloud storage from web browser on another computer and how to add new files
Published: 2015/11/05
Channel: Learn Windows 10 and Computers
Storj: Decentralizing Cloud Storage
Storj: Decentralizing Cloud Storage
Published: 2014/07/18
Channel: Storj
ASUS WebStorage - Instant upload
ASUS WebStorage - Instant upload
Published: 2015/04/20
Channel: asuswebstorage
Raspberry Pi OwnCloud: Your Own Personal Cloud Storage
Raspberry Pi OwnCloud: Your Own Personal Cloud Storage
Published: 2015/08/30
Channel: Pi My Life Up
Google Cloud Storage - Getting started with the JavaScript Sample Application
Google Cloud Storage - Getting started with the JavaScript Sample Application
Published: 2013/08/14
Channel: Google Developers
NEXT
GO TO RESULTS [51 .. 100]

WIKIPEDIA ARTICLE

From Wikipedia, the free encyclopedia
Jump to: navigation, search

Web storage, sometimes known as DOM storage (Document Object Model storage), provides web application software methods and protocols used for storing data in a web browser. Web storage supports persistent data storage, similar to cookies but with a greatly enhanced capacity[1] and no information stored in the HTTP request header.[2] There are two main web storage types: local storage and session storage, behaving similarly to persistent cookies and session cookies respectively.

Web storage is being standardized by the World Wide Web Consortium (W3C). It was originally part of the HTML5 specification, but is now in a separate specification.[3] It is supported by Internet Explorer 8, Mozilla-based browsers (e.g., Firefox 2+, officially from 3.5),[4] Safari 4, Google Chrome 4 (session storage is from 5), and Opera 10.50. As of 14 March 2011 Opera and IE9 support the storage events.[5]

Features[edit]

Web storage can be viewed simplistically as an improvement on cookies. However, it differs from cookies in some key ways.

Storage size[edit]

Web storage provides far greater storage capacity (5 MB per origin in Mozilla Firefox,[6] and Opera; 10MB per origin in Google Chrome,[7] 10 MB per storage area in Internet Explorer;[8] 25MB per origin on BlackBerry 10 devices) compared to 4 kB (around 1000 times less space) available to cookies.

Client-side interface[edit]

Unlike cookies, which can be accessed by both the server and client side, web storage falls exclusively under the purview of client-side scripting.

Web storage data is not automatically transmitted to the server in every HTTP request, and a web server can't directly write to Web storage. However, either of these effects can be achieved with explicit client-side scripts, allowing for fine-tuning of the desired interaction with the server.

Local and session storage[edit]

Web storage offers two different storage areas—local storage and session storage—which differ in scope and lifetime. Data placed in local storage is per origin (the combination of protocol, hostname, and port number as defined in the same-origin policy) (the data is available to all scripts loaded from pages from the same origin that previously stored the data) and persists after the browser is closed. Session storage is per-origin-per-window-or-tab and is limited to the lifetime of the window. Session storage is intended to allow separate instances of the same web application to run in different windows without interfering with each other, a use case that's not well supported by cookies.[9]

Interface and data model[edit]

Web storage currently provides a better programmatic interface than cookies because it exposes an associative array data model where the keys and values are both strings. An additional API for accessing structured data is being considered by the W3C Web Applications Working Group. [10]

Usage[edit]

Browsers that support web storage have the global variables sessionStorage and localStorage declared at the window level. The following JavaScript code can be used on these browsers to trigger web storage behaviour:

sessionStorage[edit]

// 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'));

localStorage[edit]

// 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'));

Accessing data for the currently browsed domain[edit]

The following code can be used to retrieve all values stored in local storage for the currently browsed domain (the domain for the web page that is being browsed).

This JavaScript code can be executed using development tools available in most modern browsers such as the IE Developer Toolbar, Chrome Developer Tools, the Firebug extension in Firefox, or Opera Dragonfly:

var output = "LOCALSTORAGE DATA:\n------------------------------------\n";
if (localStorage) {
    if (localStorage.length) {
       for (var i = 0; i < localStorage.length; i++) {
           output += localStorage.key(i) + ': ' + localStorage.getItem(localStorage.key(i)) + '\n';
       }
    } else {
       output += 'There is no data stored for this domain.';
    }
} else {
    output += 'Your browser does not support local storage.'
}
console.log(output);

Data types[edit]

Only strings can be stored via the Storage API.[11] Attempting to store a different data type will result in an automatic conversion into a string in most browsers. Conversion into JSON (JavaScript Object Notation), however, allows for effective storage of JavaScript objects.

// 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

Nomenclature[edit]

The W3C draft is titled "Web Storage". "DOM storage" has also been a commonly used name, though it is becoming less so; for example the "DOM Storage" web articles of the Mozilla and Microsoft developer sites have been replaced with "Web Storage" articles.[12][13][14][15]

The "DOM" in DOM storage does not literally refer to the Document Object Model. According to the W3C, "The term DOM is used to refer to the API set made available to scripts in Web applications, and does not necessarily imply the existence of an actual Document object..."[16]

Web storage management[edit]

Storage of web storage objects is enabled by default in Mozilla Firefox and SeaMonkey, but can be disabled by setting the "about:config" parameter "dom.storage.enabled" to false.[17]

Mozilla Firefox stores all web storage objects in a single file named webappsstore.sqlite. The sqlite3 command can be used to show the elements stored therein.[18]

There are browser extensions/add-ons for Google Chrome and Mozilla Firefox available that let the user deal with web storage, such as "Click&Clean"[19][20] and "BetterPrivacy" which can be configured to remove the whole web storage automatically on a regular basis.[21][22][23]

See also[edit]

References[edit]

  1. ^ Opera Web Storage, 2011 http://dev.opera.com/articles/view/web-storage/
  2. ^ AndyHume.net, 2011 http://blog.andyhume.net/localstorage-is-not-cookies
  3. ^ Web Storage. W3.org. Retrieved on 2011-06-12.
  4. ^ Mozilla Developer Center: DOM Storage. Developer.mozilla.org. Retrieved on 2011-06-12.
  5. ^ [1]. HTML5 Web Storage in Essence (2011-02-28). Retrieved on 2012-03-30.
  6. ^ John Resig: DOM Storage. John Resig, ejohn.org. Retrieved on 2011-06-12.
  7. ^ https://chromiumcodereview.appspot.com/21680002
  8. ^ Introduction to Web Storage. Microsoft Developer Network, msdn.microsoft.com. Retrieved on 2014-08-05.
  9. ^ W3C: Web Storage draft standard. Dev.w3.org (2004-02-05). Retrieved on 2011-06-12.
  10. ^ W3C: Indexed Database API. W3C. Retrieved on 2012-02-12.
  11. ^ W3C, 2011 http://dev.w3.org/html5/webstorage/
  12. ^ "DOM Storage". Mozilla Developer Network. Archived from the original on June 4, 2011. Retrieved 2011-06-12. 
  13. ^ "Web Storage API". Mozilla Developer Network. Retrieved June 28, 2017. 
  14. ^ "Introduction to DOM Storage". Microsoft Developer Network. Archived from the original on June 8, 2011. Retrieved 2011-06-12. 
  15. ^ "Introduction to Web Storage". Microsoft Developer Network. Retrieved June 28, 2017. 
  16. ^ W3C: Web Storage draft standard. Dev.w3.org (2004-02-05). Retrieved on 2011-06-12.
  17. ^ Mozillazine article on disabling Web Storage Objects in about:config. Kb.mozillazine.org. Retrieved on 2011-06-12.
  18. ^ Firefox’s Super Cookies, Cerias, January 16, 2008
  19. ^ "Click&Clean" extension for Google Chrome. Hotcleaner.com (2011-06-01). Retrieved on 2011-06-12.
  20. ^ "Click&Clean add-on for Mozilla Firefox. Addons.mozilla.org. Retrieved on 2011-06-12.
  21. ^ Mozilla add-ons page for "Better Privacy". Addons.mozilla.org. Retrieved on 2011-06-12.
  22. ^ Homepage of "Better Privacy", with some further references to blogs and articles. Netticat.ath.cx. Retrieved on 2011-06-12.
  23. ^ Google Chrome Browser Client-Side Storage. Hotcleaner.com. Retrieved on 2011-06-12.

External links[edit]

Disclaimer

None of the audio/visual content is hosted on this site. All media is embedded from other sites such as GoogleVideo, Wikipedia, YouTube etc. Therefore, this site has no control over the copyright issues of the streaming media.

All issues concerning copyright violations should be aimed at the sites hosting the material. This site does not host any of the streaming media and the owner has not uploaded any of the material to the video hosting servers. Anyone can find the same content on Google Video or YouTube by themselves.

The owner of this site cannot know which documentaries are in public domain, which has been uploaded to e.g. YouTube by the owner and which has been uploaded without permission. The copyright owner must contact the source if he wants his material off the Internet completely.

Powered by YouTube
Wikipedia content is licensed under the GFDL and (CC) license