Web Storage HTML-ben

A Web Storage API lehetővé teszi az adatok tárolását a felhasználó böngészőjében, szerverkapcsolat nélkül. Két típusa van: localStorage és sessionStorage.

Tárolási típusok

A localStorage hosszú távon tárolja az adatokat, még a böngésző bezárása után is. A sessionStorage csak az aktuális böngészési munkamenet során őrzi meg az adatokat.

localStorage használata

A localStorage segítségével kulcs-érték párokat tárolhatunk, melyek addig megmaradnak, amíg a felhasználó vagy a kód explicit módon el nem távolítja őket. Az adatok minden oldalon elérhetők a domain alatt.

sessionStorage használata

A sessionStorage hasonlóan működik, de csak az adott fül (tab) életciklusára korlátozódik. Amint a böngészőfül bezáródik, az adatok törlődnek.

Gyakorlati felhasználás

- Kosáradatok ideiglenes tárolása - Felhasználói beállítások (pl. téma, nyelv) - Keresési előzmények - Ideiglenes státusz információk

Korlátok és biztonság

A Web Storage kizárólag szöveges adatokat tárol. Az adatok nem titkosítottak, így érzékeny információt ne itt tárolj. Az egy domainhez tartozó maximális méret általában 5-10 MB.