Às vezes é difícil encontrar a informação certa, mesmo dentro de tutoriais, já que, por vezes, o conteúdo fica ofuscado.
Agora, este pequeno tutorial irá mostrar o plugin WebStorage.
Pensamentos a considerar
Primeiro de tudo, você tem que entender, que, devido à proteção e segurança dos dados, é "incapaz" de acessar o disco rígido local por uma tag HTML ou elemento. Para fazer isso, você tem que usar algum tipo de técnica de programação que cruza essa barreira, como PHP ou Java. Nem mesmo JavaScript é - tanto quanto eu sei - capaz de atravessar essa linha.
A única forma da linguagem HTML acessar a essa informações "guardada" no cliente local é usando a tecnologia de cookie. Este é o lugar é onde o objeto WebStorage, usa para para salvar.
Você tem a escolha entre dois tipos diferentes de cookies. Um que só existem durante a sessão browser atual, ie. a informação se perde, assim que o navegador seja fechado.
Um a tipoica "local", que persistirá enquanto os cookies não são apagados.
Usando cookies para guardar dados
Atualmente o conceito é muito simples. Você consegue guardar qualquer String dentro de uma cookie. Para recuperar o dado ou informação, voce deve linkar a String para uma "key" (chave como uma variavel).
O exemplo será encontrado dentro do projeto já anexado:
Aqui, o SCORE atual será salvo no cookie que tem a chave "HighScore". Voce não precisa se preocupar com o armazenamento atual do cookie, isso é gerenciado pelo proprio plug-in.
Para recuperar a informação, o que fazer? Isso é tão facil quanto para salvar:
Aqui os dados são carregados através da mesma chave "HighScore" e assim recuperados.
Então assim você pode guardar e recuperar todos os dados que estão armazenados na "key" como String.