HTML5離線緩存數據庫存儲

Question

林一個HTML5離線應用IM工作使用JSON字符串作爲我的數據庫

[ 
      {"id":"1","data":"a","group_name":"erwr"}, 
      {"id":"2","data":"b","group_name":"dasd"},       
      {"id":"3","data":"c","group_name":"yjg"},   
      ------------------------------- 
      ------------------------------- 
       // it has around 3000 elements 
    ] 

難道是這整個JSON存儲在一個變量，並將像

var mydatabase = "the above json"; 
localStorage.setItem('mydb', JSON.stringify(mydatabase)); 

一個好主意

我認爲javascript.so中var的最大字符數有一些限制，可能會遺漏json中的一些元素。

，即時通訊使用的就是把整個事情在一個隱藏的div

<div id="db" style="display:none">/**the above json**/</div> 

和訪問像

var mydb = $('#db').html(); 
localStorage.setItem('mydb',mydb); 

我的問題另一種選擇是第二種方法中最佳的一種？如果沒有人請提供另一種最佳方式。

Answer 1

localStoage方法很好。大多數瀏覽器支持至少5 MB的localStorage，並且您的數據行看起來很小。 JavaScript可變大小沒有固定限制。

將它置於隱藏的<div>會減慢初始頁面加載速度。