Offline storage using Indexeddb / browsers to support IndexedDb | Coding Cluster - using asp.net, c#, mvc 4, iphone, php, ios, javascript, in asp.net mvc 3 & more
 

Offline storage using Indexeddb / browsers to support IndexedDb

Monday

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


0 comments:

Post a Comment

Share your thoughts here...

 
 
 

RECENT POSTS

Boost

 
Blogger Widgets