html5 WebストレージとCookieの違いを詳しく解説

ウェブサイトを構築する前は、基本的にCookieを使用してローカルのキャッシュデータを実装していましたが、Cookie自体の保存容量が小さく、セキュリティ要素がそれほど高くないため、多くの場所で使用でき、HTML5 は便利で高速な Web ストレージ メカニズムを提供します。

クライアント側ストレージの特徴:

HTML5 では、データはサーバーリクエストごとに渡されるわけではなく、リクエストされた場合にのみデータが使用されます。 Web サイトのパフォーマンスに影響を与えることなく、大量のデータを保存できるようになり、Web サイトごとにデータが異なる領域に保存され、Web サイトは独自のデータにのみアクセスできます。

クライアント側の保存方法:

HTML5 JAVASCRIPTを使用してローカルデータを保存および読み取ります。

ストレージ容量:

一般的なCookieの容量は4KBですが、HTML5では最大5〜10Mのデータを保存できます。これはWebサイト開発者にとって朗報です。

localStorage メソッド:

localStorage メソッドには、保存されるデータに時間制限がありません。データは翌日、翌週、または翌日以降も利用できます。

sessionStorage メソッド:

sessionStorage メソッドは、セッションのデータを保存します。ユーザーがブラウザウィンドウを閉じると、データは削除されます。

ページ訪問数をカウントするための HTML5 コード:

<script type="text/javascript"> 

if (localStorage.pagecount) {  
   localStorage.pagecount=Number(localStorage.pagecount) +1;  } 

else  {  localStorage.pagecount=1;  } 

document.write("Visits "+ localStorage.pagecount + " time(s)."); 

</script>

以上がhtml5 WebストレージとCookieの違いを詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。