Web Storage di HTML5 - Purwana.Net
  Media Belajar membuat Software Aplikasi, Website, & Game untuk Pemula...

Post Top Ad

Rabu, 13 Desember 2017

Web Storage di HTML5

Berikut ini adalah contoh kode penulisan untuk menguji Web Storage pada HTML5:

<script>
if (window.localStorage!=undefined) {
     // Last value
     if (localStorage.getItem('test') !=undefined) {
         alert('Last value: ' + localStorage.getItem('test'));
     }

     // Saving value
     localStorage.setItem('test', (new Date()).toString());
} else {
     alert('Web Storage tidak didukung oleh browser');
}
</script>

Hasil Pengujian Web Storage HTML5 di Google Chrome

Hasil pengujian web storage pada browser google chrome dapat dilihat pada mode developer > tab Application.

Apa itu HTML Web Storage? Dengan penyimpanan web, aplikasi web dapat menyimpan data secara lokal di dalam browser pengguna. Sebelum HTML5, data aplikasi harus disimpan dalam cookies, termasuk dalam setiap permintaan server. Penyimpanan web lebih aman, dan sejumlah besar data dapat disimpan secara lokal, tanpa mempengaruhi kinerja situs web. Tidak seperti cookies, batas penyimpanannya jauh lebih besar (minimal 5MB) dan informasi tidak pernah ditransfer ke server. Penyimpanan web adalah per asal (per domain dan protokol). Semua halaman, dari satu asal, bisa menyimpan dan mengakses data yang sama.

Post Top Ad