When should I use browser session storage?

When should I use local storage vs session storage?

sessionStorage is similar to localStorage ; the difference is that while data in localStorage doesn't expire, data in sessionStorage is cleared when the page session ends. Whenever a document is loaded in a particular tab in the browser, a unique page session gets created and assigned to that particular tab.

Is it safe to store in session storage?

Both SessionStorage and LocalStorage are vulnerable to XSS attacks. Therefore avoid storing sensitive data in browser storage. It's recommended to use the browser storage when there is, No sensitive data.

What can I store in session storage?

sessionStorage could be used to store the state of the interface, so when coming back to a page, you can restore the screen the way the user was looking at it. Another use would be if several pages deep you are working on a single object, you could store the id like a global variable: currentInvoiceId .

How do I use browser session storage?

Syntax1Save Data to Session Storage. sessionStorage.setItem("key", "value");2Read Data from Session Storage. let lastname = sessionStorage.getItem("key");3Remove Data from Session Storage. sessionStorage.removeItem("key");4Remove All (Clear session Storage) sessionStorage.clear();Window sessionStorage Property - W3Schools