Recommandé
Contenu connexe
Tendances
Tendances (20)
En vedette
Similaire à Html5 storage and browser storage
Similaire à Html5 storage and browser storage (20)
Dernier
Dernier (20)
Html5 storage and browser storage
- 1. HTML5 Storage and Local Storage Sway Deng(@swaydeng) 2011-1-14
- 3. Cookie is our favorite, but……
- 4. Cookies: The size of storage space is small The number of key-value pair is limited are included with every HTTP request, slowing down web apps.
- 5. What we need: A lot of storage space On the client,not included with every HTTP request That persists beyond a page refresh
- 6. What we already have: userData(IE) Local Shared Objects(Adobe) Gears(Google)
- 7. userData Some code source…
- 8. userData available only in the same directory and with the same protocolno allowance for increasing space Depends on security settings
- 10. Local Shared Objects Customize storage space（default:100K） Same domain Cross-browser
- 12. But Google has say goodbye to Gears HTML5 is more attractive Gears is not that popular We don’t need a duplicate
- 13. HTML5 Storage
- 14. Web Storage Web Storage support
- 15. Web Storage interface Storage { readonly unsigned long length; DOMString key(index); any getItem(key); void setItem(key, value); void removeItem(key); void clear(); };
- 16. Web Storage
- 17. Web Storage Remove data
- 18. Web Storage Storage event sessionStorage Limitations(permission,storage space)
- 19. Web SQL Database Web SQL Database support
- 20. Web SQL Database Three core methods: openDatabase transaction (?) executeSql Demo
- 21. Web SQL Database Why Web SQL DB is going to die? Browser vendors don’t support it widely Inelegant solution The specification is illegible A better solution is already there
- 22. Indexed Database Object based storage NoSQL-Style(structured storage) asynchronous APIs (synchronous APIs later)
- 23. Open and set up a DB
- 24. Store data in DB
- 25. Indexed Database Can we use now ? The answer is No! But it is coming soon
- 26. Indexed Database
- 27. Offline Web Applications A solution for offline web apps demo
- 28. Offline Web Applications Server side addType text/cache-manifest .manifest Client side CACHE MANIFEST # revision 630 ../halma-localstorage.js css/layout.css images/sofish.png NETWORK: # assets that available only when online: sample.json FALLBACK: notfound.html <!DOCTYPE html> <html manifest="sample.manifest">
- 29. Offline Web Applications Event online offline
- 30. Usage Customize your web(like customize google menu，store large numbers of video list etc.) Cache static assets（css,js,images）
- 31. Problem Security Storage space management
- 32. The end