Chrome Web Administration Tool

Question

I am creating an application using a web SQL database. I remember seeing somewhere that there is a way to use Google Chrome to check web SQL databases, however I cannot find the right way to do this.

Answer 1

You can check databases using Chrome DevTools using the resource panel .

Answer 2

Using PersistenceJS, there is a persistence.reset API that will clear the database. PersistenceJS website

For development / testing, you can browse the content and delete webSQL, IndexedDB, cookies, etc., looking for your domain name at this URL in Chrome:

chrome://settings/cookies 

There you can delete all storage for the domain or only certain local storage objects. Yes, the URL only means cookies, but the interface at this URL includes all types of offline storage.

It would be great if the Chrome Developer Tools interface had the ability to right-click and delete the storage object on the Resources tab along with content validation. But for now, all I know is the settings / cookies URL.

Answer 3

You can use the keyboard shortcut Ctrl + Shift + i to open the developer tools in Chrome.
Then go to the resources tab (pink oval in the screenshot below)
When you click on WebSQL, you will see a list of databases that you can expand (red oval in the screenshot below).