2010-02-05 5 views
8

html5의 오프라인 웹 응용 프로그램 기능을 자랑하는 프로토 타입 개발을 위해 html 오프라인 저장소 및 캐싱을 테스트하고 싶습니다.괜찮은 html5 오프라인 저장소 및 캐싱 사례

가 좀 웹킷 특정 샘플을 발견했습니다,하지만 난 심지어 샘플의 경우 파이어 폭스 3.6

에 전혀 작동 어떤 점잖은 코드 샘플을 찾기 위해 싸우고있어, 나는 작동 뭔가 드리겠습니다 다음과 같습니다 :

  • 저희 회사는 광범위하게 jquery를 사용하므로 해당 라이브러리 나 순수한 자바 스크립트를 사용하는 샘플을 선호합니다.
  • 그것은해야 파이어 폭스에 적어도 작업 (3.6 괜찮습니다)

사람이 몇 가지 지침 및 코드 샘플을 제공 몇 가지 링크에 날 지점 수 있습니까?

답변

3

은 당신이 찾고있는 거라면 http://hacks.mozilla.org/?s=localStorage

파이어 폭스, SQL 데이터베이스 API를 지원하지 않습니다를 참조하십시오.

+1

감사합니다. 거기에 좋은 물건이 있고 게시물 댓글에도 있습니다. – Nils

1

CSS NinjaFont Dragr demonstration을 보도록 권장합니다. 이는 주로 Firefox를 사용하는 HTML5 용 File API를 시연하기 위해 제작되었지만 오프라인 저장소도 사용합니다.

다른 사람이 없으면이 사람은 자신의 물건을 알고 좋은 예를 제안 할 수 있습니다.

1

나는 html5 데모의 꽤 좋은 페이지를 최근에 발견 했으므로 여기에 다시 게시 할 것입니다.

html5demos.com

편집 - 도움이 될 수 있습니다 다른 링크 :

구글 크롬 개발 팀은 HTML5ROCKS에게, 기능 및 HTML5의 멋진 새 기능에 웹 마스터를 교육 할 수있는 사이트를 온다.

www.html5rocks.com

편집 # 2 -이 아직 건너 한 최고의 제품 중 하나입니다

나는이 예제를 발견 wrapping things nicely with html5 local storage

3

, 그것은 간단한/가장 좋은 방법입니다 나는 localstorage와 함께 보았다. 데이터베이스 저장 장치가 아닌 로컬 (지속적) 저장 장치만을 보여줍니다. 또한 세션 저장을 원한다면, 단지. 자바 스크립트는 어떤 간단 내가 생각하지 않을 수

w3.org example

을 sessionStorage에 "로컬 스토리지" "

을 변경 그리고 네, 그것에서 (FF와 함께 잘 작동 적어도 나를 위해.)

0

모든 주요 브라우저에서 오프라인 저장 장치를 사용할 수 있다는 것을 알고 있으므로 양식 상태를 처리 할 수있는 jQuery 플러그인을 넣었습니다. 소스는 작고 이해하기 쉽습니다.

Douglas Crockford의 JSON2.stringify : https://github.com/douglascrockford/JSON-js을 사용하여 직렬화를 수행하는 방법을 권장합니다 (JavaScript에서 객체를 가져 와서 JSON 문자열로 변환). 그런 다음과 같이 쉽게 window.sessionStorage 또는 window.localStorage 중 하나에 그것을 저장할 수 있습니다

// 설정 데이터

window.sessionStorage [ '다음 mydata'] = JSON.stringify (여기서 someObject를);

// 다시 얻기

여기서 someObject = jQuery.parseJSON (window.sessionStorage [ '의 MyData']);

또 다른 한가지는 네임 스페이스를 지정하는 것입니다. 내가하고있는 일을 위해 자동으로 키 이름을 저장하여 'dumbFormState-'+ window.location.pathname + '-'+ 양식 색인을 사용하여 키가 자동으로 고유한지 확인한 다음 나중에 반복 할 수 있도록했습니다. 사람들이 사용할 수있는 다른 것들을 삭제하고 싶지 않으므로 접두사 'dumbFormState-'가 일치하는 접두사를 확인하여 삭제하십시오.

희망이 조금 있습니다.

+0

사소한 의견, 최신 브라우저의 경우 JSON2.stringify의 crockfords api는 권장하지 않습니다. 이 API는 브라우저 – Kiran

+0

에서 기본적으로 지원되지만 지원되는 경우 스크립트는 네이티브를 사용합니다. -> http://stackoverflow.com/questions/1480393/alternatives-of-json-stringify-in-javascript –

관련 문제