Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

[@NaukriEngineering] IndexedDB


Published on

IndexedDB is an HTML5 API that allows us to store/retrieve large amount of data on user’s browser. It does not have any storage limit, and is hence better than other browser storages.

Published in: Engineering
  • Be the first to comment

  • Be the first to like this

[@NaukriEngineering] IndexedDB

  1. 1. IndexedDB - The store in your browser - Sakshi Mehra FED
  2. 2. What is IndexedDB?  HTML5 API to store data in browser  Can store large amount of data on client side  It stores key-pair values  Allows fast indexing and searching  It is not a structured query language  It is non-relational (A NoSQL database)  Works in asynchronous mode 
  3. 3. Browser Support  Internet Explorer 10+  Firefox  Chrome  Chrome for Android  Firefox for Android  BlackBerry 10
  4. 4. Why indexedDB  LocalStorage - Very simple API - but usage is capped at 5 MB - synchronous - good browser support  WebSQL - supported only on Chrome and Safari - asynchronous - relational database implementation IndexedDB is the successor to both LocalStorage and WebSQL Let’s understand how. Hence came IndexedDB up in its preference!!
  5. 5. Using IndexedDB:  All IndexedDB functionality is accessed through window.indexedDB object window.indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB || window.msIndexedDB;
  6. 6. This is how IndexedDB looks
  7. 7. Thank you!