Working with IndexedDB

Hi Friends, I am currently working on a Mozilla Student Project titled as "An Open Web App to edit Rich Text Documents". That was where I needed to use IndexedDB to store data at the client-side, so thought of blogging about it. I will not be explaining the concept here, but just a few pointers based on my experience on working with indexedDB.

IndexedDB is an API for storage of structured data in the client browser space. It is an API introduced by HTML5.

W3C Specification : http://www.w3.org/TR/IndexedDB/

Best Source to Understand the Concept :

• https://developer.mozilla.org/en-US/docs/IndexedDB/Basic_Concepts_Behind_IndexedDB

• https://developer.mozilla.org/en-US/docs/IndexedDB

• https://developer.mozilla.org/en-US/docs/IndexedDB/Using_IndexedDB

Best Example I found on Internet to refer :

• http://www.html5rocks.com/en/tutorials/indexeddb/todo/ (Does not work in Firefox 16, Works in Chrome)

•  Also refer http://stackoverflow.com/questions/10468699/indexeddb-not-working-in-firefox-and-ie

Notes :

1.Tried and tested successfully on Google Chrome Version 23.0.1271.64 m with a local copy of a HTML file as well as when hosted on a server.

2. Fails in Firefox 16 with local copy, works when the HTML file is hosted on a server.

Reason: Firefox 16 does not allow Webpages running locally to create IndexedDB.

3. Works in Firefox 17 - Aurora with both local copy as well as when hosted.

If you are interested in trying out the project I am working on, Here's the demo : http://abhishekvp.github.io/editOnTheGo

So that's all, Thank You for reading. Have a good day ! :)