Latar belakang asal usul penyimpanan tempatan
Disebabkan oleh pengehadan dalam saiz, format dan format data storan kuki dalam era HTML4, jika aplikasi tapak web ingin menyimpan beberapa maklumat pengguna di sebelah penyemak imbas, ia hanya boleh menggunakan kuki. Walau bagaimanapun, had kuki ini bermakna kuki hanya boleh menyimpan data mudah seperti pengecam seperti ID.
Berikut ialah had kuki:
Kebanyakan penyemak imbas menyokong kuki sehingga 4096 bait.
Pelayar juga mengehadkan bilangan kuki yang boleh disimpan oleh tapak pada komputer pengguna. Kebanyakan pelayar hanya membenarkan 20 kuki setiap tapak jika anda cuba menyimpan lebih banyak kuki, kuki tertua akan dibuang.
Sesetengah pelayar juga meletakkan had mutlak pada jumlah bilangan kuki yang akan mereka terima daripada semua tapak, biasanya 300.
Kuki akan dihantar ke pelayan bahagian belakang bersama-sama dengan permintaan HTTP secara lalai, tetapi tidak semua permintaan memerlukan kuki Contohnya, permintaan untuk js, css, gambar, dll. tidak memerlukan kuki.
Untuk memecahkan satu siri pengehadan Kuki, HTML5 boleh menyimpan terus sejumlah besar data kepada penyemak imbas pelanggan melalui API baharu JS dan menyokong pangkalan data tempatan yang kompleks, menjadikan JS lebih cekap. HTML5 menyokong dua jenis WebStorage:
Storan tempatan kekal (localStorage)
Storan tempatan peringkat sesi (sessionStorage)
Semak sama ada localStorage disokong:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网</title> </head> <body> <div id="result"></div> <script> if(window.localStorage){ alert("浏览支持localStorage") }else{ alert("浏览暂不支持localStorage") } //或者 if(typeof window.localStorage == 'undefined'){ alert("浏览暂不支持localStorage") } </script> </body> </html>