Delete all indexedDB

Question

I need to delete all my IndexedDB, currently I have:

const indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB || window.msIndexedDB; if (indexedDB.webkitGetDatabaseNames) { const bases = indexedDB.webkitGetDatabaseNames(); bases.onsuccess = (event) => { const data = event.target.result; Object.values(data).forEach((db) => { indexedDB.deleteDatabase(db); }); resolve(); }; bases.onerror = reject; }

But the webkitGetDatabaseNames() function is undefined. Is it possible delete all IndexedDB without use this method?

PD: I want to delete without knowing the names of IndexedDB and I need to delete from code (Javascript)

Suraj Rao · Accepted Answer · 2019-02-19 10:35:56Z

20

use on chrome

window.indexedDB.databases().then((r) => { for (var i = 0; i < r.length; i++) window.indexedDB.deleteDatabase(r[i].name); }).then(() => { alert('All data cleared.'); });

edited Feb 19, 2019 at 10:35

Suraj Rao

29.7k11 gold badges96 silver badges104 bronze badges

answered Feb 19, 2019 at 10:34

Yash Bora

2142 silver badges3 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

OXiGEN Over a year ago

Thanks. This worked perfectly! Note that for indexedDB usage inside a ServiceWorker, use self for the global scope (instead of window). Actually, self works outside the ServiceWorker as well. In case you want to automatically reopen the deleted database, add self.indexedDB.open('your_db_name', 0); in the final then clause.

goofy4224 Over a year ago

I have probably come back to this answer a hundred times… Why doesn't Chrome have this functionality built in? I should probably save this script somewhere.

William Sandner · Accepted Answer · 2020-08-23 14:37:35Z

Function call for getting names indexedDB.webkitGetDatabaseNames is deprecated. See the reference below:

https://github.com/dfahlander/Dexie.js/issues/532

There is also an intent to deprecate: IDBFactory webkitGetDatabaseNames

https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/2fUr-3wFPKI/discussion

You can use following techinques to delete the database:

Technique 1:

As far as I can tell, one should use indexedDB.deleteDatabase:

var req = indexedDB.deleteDatabase(databaseName); req.onsuccess = function () { console.log("Deleted database successfully"); }; req.onerror = function () { console.log("Couldn't delete database"); }; req.onblocked = function () { console.log("Couldn't delete database due to the operation being blocked"); };

I can confirm that it works with PhantomJS 1.9.0 and Chrome 26.0.1410.43.

Technique 2

In theory, all you need to do to delete an IndexedDB in Chrome is:

In Chrome, go to Options > Under the Hood > Content Settings > All cookies and Site Data > find the domain where you created the IndexedDB
Hit either the "X" or click "Indexed Database" > Remove

In Windows, the file is located here:

%USERPROFILE%\AppData\Local\Google\Chrome\User Data\Default\IndexedDB

On Mac, do the following:

In Chrome, go to "Settings" (or "Preferences" under the Chrome menu)
Click "show advanced settings" (at the bottom of the page)
Go to "Privacy" > "Content Settings" > "All cookies and Site Data" > find the domain where you created the IndexedDB
Hit either the "X" or click "Indexed Database" > Remove

On Mac, the folder is located here:

/Users/[USERNAME]/Library/Application Support/Google/Chrome/Default/IndexedDB/

On Linux, the folder is located at:

/home/[USERNAME]/.config/google-chrome/Default/IndexedDB/

thanks for your answer, but I want to delete without knowing the names of IndexedDB and I need to delete from code.
@FelipePincheira the ability to delete without knowing the database names was removed from indexedDB. You can try tracking the databases as you create them (e.g. in localStorage), or rethink how to accomplish whatever is your larger goal.
thanks Josh, one of my options was to add to localStorage, I can't see too much possibilities.
Some libraries that abstract away the API create a dedicated Indexed DB database specifically for tracking the other databases created via the library. There has been interest by other browser vendors in implementing a standardized way of providing a database enumeration mechanism - github.com/w3c/IndexedDB/issues/31 - but that doesn't help you right now.
@JoshuaBell I saved the Indexed db names in the localstorage, but I read about other options for the future. thanks for you answer.

AminFarajzadeh · Accepted Answer · 2021-07-11 14:01:20Z

indexedDB.databases().then(dbs => { var promises = dbs.map(db => { return new Promise((resolve, reject) => { var req = indexedDB.deleteDatabase(db.Name); req.onsuccess = resolve; req.onerror = reject; req.onblocked = reject; }); }); Promise.all(promises).then(console.log).catch(console.error); })

Collectives™ on Stack Overflow

Delete all indexedDB

3 Answers 3

2 Comments

5 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

5 Comments

Comments

Related