HTML Web Storage
Save local application data directly inside the user's web browser securely.
Before HTML5, web engineers were forced to desperately store temporary application data inside clumsy browser Cookies. Today, the HTML Web Storage API provides a massively secure, highly localized mechanism to store megabytes of variables locally.
LocalStorage vs SessionStorage
Web storage is incredibly straightforward. The browser provides two unique vaults:
window.localStorage- Saves raw data forever. It never expires, surviving browser restarts and computer reboots.window.sessionStorage- A temporary chamber. The second the website tab closes, the stored data disintegrates permanently.
Accessing the Web Vault
You interact with both storages using standard getter and setter commands. Let’s record a user’s nickname!
Preview
Warning: Information stored in the local cache is readable via Developer Tools. Never dump strictly confidential information like API keys or passwords directly into localStorage!