Is it possible to access and read localstorage for an electron application

Question

I have built an electron app that allows the user to move elements such as divs around the screen, and saves their locations in localstorage as a class. This is so when the page reloads or is reopened after a session, the changes made persist. I can't get electron to access the local storage though, even on a page change, so I was wondering if there is anyway to make electron go and grab the localstorage classes, or if I can make the page itself do it.

Answer 1

You can read data from localstorage. Here is what work for me.

mainWindow.webContents
  .executeJavaScript('localStorage.getItem("thekey");', true)
  .then(result => {
    console.log(result);
  });

Answer 2

You gets the entire localStorage and use it as you would do it in a browser. The localStorage variable now is an object with key-values.

mainWindow.webContents
  .executeJavaScript('({...localStorage});', true)
  .then(localStorage => {
    console.log(localStorage);
  });