What is IndexedDB?
An IndexedDB is basically a persistent data store in the browser — a database on the client side(offline storage). Like regular relational databases, it maintains indexes over the records it stores and developers use the IndexedDB JavaScript API to locate records by key or by looking up an index.
IndexedDB API is a specification for an index database which exists in the browser. The IndexedDB is made of records holding simple values and hierarchical objects. Each of the records consists of a key path and a corresponding value which can be a simple type like string or date and more advance types like JavaScript objects and arrays. It can include indexes for faster retrieval of records and can store large amount of objects.
Which browsers (chrome/opera/firefox/IE...) to support IndexedDb?
Preliminary support for Indexed DB is included by Firefox (since version 4), Google Chrome (since version 11), and by the Internet Explorer 10 Consumer Preview and Metro style apps.
Safari, Chrome 4 and Opera support an alternate mechanism for client-side database storage called Web SQL Database.
Summary of browsers with full support.
Chrome: Version 11 onward
Opera: No current or planned support
Firefox: Version 4 onward
For good measure, IE: Version 10 onward
Compatibility table for support of IndexedDB in desktop and mobile browsers.
http://caniuse.com/indexeddb
If you new to indexedDB concept you must know about the following concepts,
WHAT IS INDEXEDDB?
WHY INDEXEDDB?
How to Opening the database in indexedDB?
INDEXEDDB - Creating an object store
ADDING DATA TO AN OBJECT STORE Adding data to an object store
QUERYING THE DATA IN A STORE.
RENDERING DATA FROM AN OBJECT STORE
DELETING DATA FROM A TABLE
for all above questions
html5rocks have the solution with live demo