Comments on: Getting Started with HTML5 Local Databases

By: OpenDatabase

OpenDatabase — Sat, 07 Jan 2012 04:42:03 +0000

Is it Auto Increment ?

By: OpenDatabase

OpenDatabase — Sat, 07 Jan 2012 04:39:22 +0000

openDatabase(’xxxxxx’, ‘xxxxxx’, dbsize=3M)

In the example above, The database maxium size is defined.
If the maxium database size is exceeded, What happened ?

Anybody help ?

By: Ben Lister

Ben Lister — Mon, 02 Jan 2012 21:29:35 +0000

I am a few months late on this one but: My guess is that the browser is set to remove all cookie/login/session data on close if this happening. Otherwise the only thing I can think of is the page is being viewed on different domains which would contain different versions of the db. e.g. the same version on your-site-name.com’s version would not be reflected on your-site-name2.com.

By: Ben Lister

Ben Lister — Mon, 02 Jan 2012 21:25:25 +0000

Local database can only be accessed (and modified) by the domain they are created on so I think that is why you’re probably seeing this happen. If you need to sync a local and web version for your app, your best best is probably to create a server-side db and poll for a hash value/ write to it asynchronously on page load and on db modification.

By: Paul

Paul — Mon, 02 Jan 2012 21:00:31 +0000

Hi Ben. Great info, this is really useful.
However, there is one difference when I use your hosted demo compared to when I download the static html page, and that is resetting the preferences (dropping the table in this case). I cannot get chrome to do this from the static html page, despite the database being truly and completely local, (unlike cookies which I understand chrome does not implement for static html).
Is this difference something I can easily resolve to allow the dropping of tables from a live site as well as a static file simultaneously? Thanks!

By: Anonymous Coward

Anonymous Coward — Thu, 17 Nov 2011 02:41:25 +0000

good article, but geez this red screen hurts my eyes

By: Kaushik

Kaushik — Mon, 14 Nov 2011 16:46:23 +0000

Hi,
Wonderful tutorial.. probably the best on internet right now

I need a help/suggestion. The code you provided works great but somehow on closing and reopening the browser the data vanishes. What am i doing wrong? I guess its working like a session stuff..

By: Getting started with html5 | Techcrank

Getting started with html5 | Techcrank — Sun, 16 Oct 2011 18:19:46 +0000

well that’s pretty helpful.. I am developing my first web app with html5 … The major issue I am facing right now is the local storage…

That’s a great example for storing local databases.. well I have been reading a lot about cache manifest which everyone seems to be recommending …

By: ferengi

ferengi — Fri, 05 Aug 2011 09:31:15 +0000

is it possible to resize the database ?

By: Ben Lister

Ben Lister — Fri, 29 Jul 2011 14:40:25 +0000

Ferengi,

you can view databases from the current domain in Safari by going to Develop > Show Web Inspector > Databases, not sure if you can get the actual DB size in the inspector but you can view the data that is being stored which should give you a pretty good idea. As for deleting the database, you can do a simple SQL drop statement e.g. DROP TABLE page_settings.