Last active
October 6, 2025 20:20
-
-
Save dfahlander/6c1980a0b934f3d16c97c0835fa6113b to your computer and use it in GitHub Desktop.
Export-IndexedDB-using-devtools-console
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // On any web page that stores things in IndexedDB, | |
| // open devtools and in the console, write the following: | |
| script1 = document.createElement('script'); | |
| script1.src = 'https://unpkg.com/[email protected]'; | |
| document.body.appendChild(script1); | |
| script2 = document.createElement('script'); | |
| script2.src = 'https://unpkg.com/[email protected]'; | |
| document.body.appendChild(script2); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // In devtools "applications" tab navigate to IndexedDB and find | |
| // the name of the databases to export. Then write: | |
| theDBName = 'the name of the database you want to export'; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Export the database into a Blob: | |
| theDB = new Dexie(theDBName); | |
| let {verno, tables} = await theDB.open(); | |
| theDB.close(); | |
| theDB = new Dexie(theDBName); | |
| theDB.version(verno).stores(tables.reduce((p,c) => {p[c.name] = c.schema.primKey.keyPath || ""; return p;}, {})); | |
| theBlob = await theDB.export(); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // The final step - show a download link to download the blob: | |
| document.body.innerHTML = ` <a href="${URL.createObjectURL(theBlob)}">Right-click to download database export</a>`; |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Importing a file exported using any of the above methods (assuming you can serve it, example uses
localhost:8080):Database name is restored from file, and doesn't have to be specified.
You can replace
r.blob()withr.json()to get an object, if you want access to the data without actually restoring anything.