LocalStorage hello world

LocalStorage lets web applications store things in the local browser, independent of any running browsing contexts. Its API is key-value:

localStorage.setItem("hello", "world");
console.log(localStorage.getItem("hello")); // logs "world"

The storage is per-origin (for this site, https://jameshfisher.com:443). All browsing contexts for this origin share the same key-value store.

The following form sets/gets values in the localStorage for this website (jameshfisher.com).

In Chrome, you can see the values in localStorage by opening developer tools and going to “Local Storage”. You can edit the values there, too.

More by Jim

Tagged . All content copyright James Fisher 2017. This post is not associated with my employer. Found an error? Edit this page.