Chrome Dev Tools and WebSQL

In my blog post yesterday I talked about database synchronization and PhoneGap. One thing I didn’t mention was that almost all of my code runs just fine in the desktop. The only thing that didn’t work was the network check. While I worked on this demo, I found Chrome Dev Tools to be incredibly helpful. Did you know that it includes a way to see what databases are in use at a website? Open up your Dev Tools and click the Resources panel. If the site uses any databases, you will see them listed here.

You can expand the database and look at the tables. Clicking on a table will list all the data available.

Currently there isn't a way to introspect the table structure or write arbitrary SQL. It should be possible to do SQL via the console.

Oops, I was wrong. Down in the comments below Marcin pointed out that if you click the table, you get a console that allows for arbitrary SQL. That’s fraking cool!

Raymond Camden's Picture

About Raymond Camden

Raymond is a developer advocate for Extend by Auth0. He focuses on serverless and enterprise cat demos. If you like this article, please consider visiting my Amazon Wishlist or donating via PayPal to show your support.

Lafayette, LA https://www.raymondcamden.com

Comments