imnotteixeira
commented
3 years ago Discusses multiple web client storage technologies.
- localStorage and sessionStorage - can be used to implement cross-page communication (in the same domain). By storing data and having the web application listen for storage events, all pages of the same domain will have the updated data in the respective section of localStorage. Faster than cookies since no interaction with the server is needed. The data is stored in key-value pairs and is partitioned by domain, with no risk of inter-domain data corruption. It can be read/modified using javascript and all values are strings.
- UserData- Older technology, specific to Internet Explorer, and has since been deprecated, it had only 128KB of capacity
- Web SQL Databases - Uses SQL format to store the local data. In chrome it uses SQLite DB. The interactions are made as it were a normal SQL database running, by using the executeSql() or transaction() APIs. Not supported by all browsers and not part of W3C standard (cite https://www.w3.org/TR/webdatabase/)
- Indexed Database - Uses a NoSQL DB to store the data. Async by default. event-based. I might be helpful to use a Promise-based wrapper (cite promises js API) such as idb (cite https://www.npmjs.com/package/idb).
- Cookies - very popular and widely used, but has little capacity and is not very safe
localStorage and sessionStorage are used in the same way, but sessionStorage only lasts until the browser is closed, whereas the localStorage persists to future browsing sessions.
localStorage is the most compatible among web browsers.
In general/summary:
- For session id tracking or for a few KB, use cookies.
- Up to 2 MB, localstorage delivers a solution across all common browsers.
- 2 MB and up, use IndexedDB (look for a good wrapper library).
https://www.scopus.com/record/display.uri?eid=2-s2.0-84896841511&origin=resultslist&sort=plf-f&src=s&st1=&st2=&sid=9a5e3968d2b98993262c5396ac215774&sot=b&sdt=b&sl=39&s=TITLE-ABS-KEY+%28HTML5+local+storage+api%29&relpos=4&citeCnt=0&searchTerm=
Offline storage technology has many uses in the Web application and it can store the user status, cache data, temporary data, and persistent data and so on. In this paper several typical web client storage technologies are discussed and it includes the IE browser's unique storage technology User Data, local Storage and session Storage of HTML5, Web SQL Databases, Indexed Database, as well as classic storage technology Cookie and so on. Their concrete using methods are explained and their individual strengths and differences are compared. Their respective applications occasions and some issues that need attention are discussed. The general cross-browser offline storage method is presented and it can use the same application programming interface to complete different browser offline storage technologies. © (2014) Trans Tech Publications, Switzerland.