How to export content in Chrome's local storage for a website

LocalStorageExport.md

Original idea is from this post

1. Open a tab and navigate to the website where you have content to export.

2. Open devtools and switch to the console tab.

3. Copy and paste the following snippet in the console and Chrome should ask you to save the output file

var obj = JSON.stringify(localStorage, null, 4)
var vLink = document.createElement('a')
vBlob = new Blob([obj], {type: "octet/stream"})
vUrl = window.webkitURL.createObjectURL(vBlob);
vLink.setAttribute('href', vUrl);
vLink.setAttribute('download', vUrl.split('/')[2] + '-export.json'); // give you the website name + "export.json"
vLink.click();

4. Profit!

You can do it, but for some bizarre reason you can't call the function with a button. It has to be called with <input type "file" which gives you a file picker but then if you assign the load function to it, you get the file picker dialogue twice. It's just another weird thing that the drug addled creators of HTML and JavaScript designed to make us suffer.