IndexedDB와 WebStorage(local Storage와session Storage)의 대략적인 요약

IndexedDB, WebStorage와 대략적으로

IndexedDB

최근의 기술.더 큰 용량을 처리할 수 있다.

localStorage (Web Storage)

영구적으로 사용할 수 있는 스토리지 디바이스입니다.
5MB 정도(브라우저 기준).

sessionStorage (Web Storage)

세션이 유효할 때 사용하는 스토리지 디바이스입니다.
5MB 정도(브라우저 기준).

쿠키(Web Storage)

매번 통신을 하기 때문에 안전성이 미묘하다.
4KB 정도입니다.
Web Storage 에 관한 자세한 내용은 다음과 같습니다.local Storage와session Storage의 샘플 코드도 있습니다.

 웹 Storage-HTML5용 API 및 관련 사양

IndexedDB와 Local Storage의 차이점

IndexedDB를 사용하는 동기는 다음과 같습니다.
- 대용량
- search API
Local Storage의 경우 키를 통해서만 데이터를 수집할 수 있습니다.IndexedDB가 그 근처에서 편해진 것 같아요.
Working With IndexedDB by Envato Tuts+
Local Storage is also very well supported, but limited in terms of the total amount of storage you can use. Local Storage doesn't provide a true "search"API as data is only retrieved via key values. Local Storage is great for "specific"things you may want to store, for example, preferences, whereas IndexedDB is better suited for Ad Hoc data (much like a database).

브라우저 지원 현황

IndexedDB는 크롬이고 Firefox면 괜찮을 것 같아요.
http://caniuse.com/#search=indexeddb

(2016/09/10 지원)
local Storage와 session Storage는 문제 없이 사용할 수 있습니다.

세부적인 용량

2014년 1월 보도로 자세한 조사가 진행 중이다.
현대 브라우저의 저장 용량과 조사 방법 총결산 - HTML 5Rocks
그나저나 크롬은 이런 느낌이에요.
Local Storage, Session Storage는 각각 10MB까지 저장할 수 있습니다.
기본적으로 IndexedDB는 10MB에 달할 때 사용자에게 허가를 요청하고 각 필드는 250MB까지 이용할 수 있지만...
사용자가 사용하는 브라우저의 용량 제한을 테스트할 수 있는 사이트
Web Storage Support Test