HTML5 오프라인 캐시 데이터베이스 저장

Question

임 내 데이터베이스로 JSON 문자열을 사용하여 HTML5 오프라인 애플리케이션 메신저 작업

[ 
      {"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 방법이 좋습니다. 대부분의 브라우저는 localStorage에 대해 최소 5MB를 지원하며 데이터 행은 작게 보입니다. Javascript 변수 크기에는 고정 된 제한이 없습니다.

숨겨진 <div>에 넣으면 초기 페이지로드 속도가 느려집니다.