H4: localStorage

Praktiline ülesanne

Avage veebibrauser, näiteks Firefox või Chrome.Avage veebibrauser, näiteks Firefox või Chrome. Lihtsustamiseks ja vigade vältimiseks võite avada veebisaidi example.com või kirjuta consol’i chrome://newtab

Järgmisena tuleb vajutada klahvi F12 või hiire paremat nuppu ja valida Inspekteeri. Seejärel minna Console’i.

Sisestage Console’isse localStorage. Näete, et see on tühi.

Erinevalt sessionStorage’ist salvestatakse andmed localStorage’is brauseri sessioonide vahel – isegi kui brauser sulgeda ja uuesti avada, jäävad andmed alles, kuni need käsitsi või skripti abil kustutad.

Et veenduda, et andmed on salvestatud localStorage’isse, tuleb minna jaotisesse Storage -> Local Storage. Seal on näha, et localStorage’i abil lisatud andmed on salvestatud sellesse kohta.

Kokkuvõtte

LocalStorage hoiab andmet pikkemaks ajaks kuni kasutaja ise kustuta neid. SessionStorage on seotud konkretse brauseri sessioniga