Client-side Storages with HTML 5

In this project contain 5 parties but each are integrated and final it will bring new looking new functioning and answering to drawbacks in current email systems.

Today I will point out Client side storage feature that I am doing for this project mainly. There are several reasons to use client-side storage.

• We can make our app work when the user is offline, possibly sync'ing
• It make app to performance booster (instead of waiting for it to download again)
• It is easier programming model, with no server infrastructure required

The technologies for local storages are:

• Web Storage: it provides a key-value mapping (present implementations only support string-to-string mappings)
• Web SQL Database: it gives us all the power of SQL relational database.
• Indexed Database: This is somewhere in between Web Storage and Web SQL Database. Like Web Storage, it's a straightforward key-value mapping, but it supports indexes like those of relational databases
• File Access: It is an API for reading file content in JavaScript (There are also proposals underway for file writing capabilities)

Lets check the Browser support

here is code for test that I am going to use

function browserSupport(){
console.log("Indexed Database: " + window.mozIndexedDB);
console.log("Web SQL Database: " + window.openDatabase);
console.log("Web Storage: " + typeof(localStorage));
console.log("File Access: " + window.FileReader);
}

1. Lets check this in chrome

No indexed Database support (but it was supporting some months ago)

2. Now I will try in Firefox

It is support indexed Database but not SQL data bases yet.

3. Now try with Safari

No Indexed Databases and file Access

4. Now I will test in IE

only it is web storage

5. Final try it out with Opera

it is not supporting for indexed and file API

Here is full results

	Chrome	Firefox	Safari	Opera	IE
Web Storage	yes	yes	yes	yes	yes
Indexed DB		yes
Web SQL DB	yes			yes
File Access	yes	yes

So all of browser support Web Storage with (key/Value)