Using Dev Tools To View & Edit Local Storage

Local storage is a client side storage mechanism with at least 5MB (varies from browser to browser) of storage and doesn’t expire unless explicitly cleared. It is protocol (http vs. https) specific and is localized to a domain. Unlike session storage, it isn’t cleared when the browser is closed so it sticks around even after a user has quit their browser and comes back. Luckily for us dev tools makes it easy for us to view and edit our local storage:

As seen from the video below, you can edit the local storage pretty easily and then interact with local storage in the console as well. Local storage stores everything as a string, but you can storage objects like {foo: 'bar'} that will be stringified in local storage as well.

Chrome:

chrome

Firefox:

firefo

Read more about local storage.

Instagram Post