HTML5ストレージの概念に関していくつか質問があります。私は同じものについてw3c仕様、本、チュートリアルを調べましたが、それでも特定の概念については少しわかりません。
WebサイトAにアクセスするとします。一部のJavaScriptはブラウザで実行され、キーと値のペアを設定します('username','deepak')。次に、WebサイトBにアクセスします。このWebサイトは、ローカルストレージにキーと値のペアをとして追加します('username','mahalingam')。
WebサイトAとWebサイトBには、独自のローカルストレージがあります。通常、特定の情報をサーバーデータベースに保存し、ローカルストレージに同期する必要があります。
ローカルストレージをキャッシュとして使用して、データを1回取得し、キャッシュを無効にするタイミングに応じて、特定の間隔でデータを更新します。たとえば、ユーザーAがログアウトし、ユーザーBがログインしたいときにサーバーと同期できます。
WebストレージのHTML5仕様のプライバシーセクションをご覧ください。
詳細情報とリソースはこちら：HTML5Rocks。
Linux / Mac / Windows、Apache、MySQL、PHPスタック（LAMP / MAMP / WAMP）などのローカルサーバーセットアップを使用して、ローカルホスト（127.0.0.1）でテストすることをお勧めします。
HTML5仕様の推奨事項により、ほとんどのブラウザでは、ウィンドウとタブごとにドメインごとに5MBに制限されます。
私はこれを試していませんが、Apacheのhttpd.confでローカルホストのポート番号を変更して（そうするには、それに関連付けられているポートを見つけListenて変更します）、これでうまくいくかどうかを確認できます。基本的に、各テストを異なるポート番号で実行して、各テストのストレージ制限全体を設定します。
別の方法は、Chrome拡張機能を作成することです。あなたはここでこれについてのより多くの情報を読むことができます：