html5 localstorage contact managment web

Question

私はhtml5ローカルストレージを使用して連絡先管理Webサイトを作成する必要がありますそれはローカルストレージで可能です教えてください？どのように、どのAPIを使用するのですか？必要なら？私にそれに向かういくつかの初期コーディングステップを案内してください。

Answer 1

ローカルストレージにデータを格納することは可能ですが、Webブラウザごとにストレージの制限が異なるため、データサイズを考慮する必要があります。

ローカルストレージはキー値ペアのアイテムを格納し、値は文字列形式であり、オブジェクトをJSON.stringifyで文字列に変換し、JSON.parse（string）でオブジェクトに変換する必要があります。

localStorage.test="hello"; // here test is key and value is "hello". 

var CustomObject={}; 

localStorage.object=JSON.stringify(CustomObject); store custom object 

console.log(JSON.parse(localStorage.object)); //retrieve object and display 

コンソールにあります。

ほとんどのブラウザでは、約5MBのデータが格納されています。したがって、ブラウザのサポートと復元を確認してください。

また、sqlliteストレージを使用してhtml5アプリケーションを構築することもできますが、ほとんどのブラウザではこれが限られています。

詳細については、このWebサイトを参照してください。http://www.html5rocks.com/en/features/storage