blob: 611f5f396f2f120bd0913358b6008528fb764f07 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
|
---
title: Window.localStorage
slug: Web/API/Window/localStorage
tags:
- API
- Armazenamento
- Propriedade
- Referencia
- WindowLocalStorage
- localStorage
translation_of: Web/API/Window/localStorage
original_slug: Web/API/Window/Window.localStorage
---
<p>{{APIRef()}}</p>
<p>A propriedade <code>localStorage</code> permite acessar um objeto {{domxref("Storage")}} local. A <code>localStorage</code> é similar ao <code><a href="/en-US/docs/Web/API/Window.sessionStorage">sessionStorage</a></code>. A única diferença é que enquanto os dados armazenados no localStorage não expiram, os dados no sessionStorage tem os seus dados limpos ao expirar a sessão da página — ou seja, quando a página (aba ou janela) é fechada.</p>
<h2 id="Sintaxe">Sintaxe</h2>
<pre class="brush: js">meuStorage = localStorage;</pre>
<h3 id="Valor">Valor</h3>
<p>Objeto {{domxref("Storage")}}.</p>
<h2 id="Exemplo">Exemplo</h2>
<p>O seguinte trecho acessa o objeto {{domxref("Storage")}} local do domínio atual e adiciona um item usando o {{domxref("Storage.setItem()")}}.</p>
<pre class="brush: js">localStorage.setItem('meuGato', 'Tom');</pre>
<div class="note">
<p><strong>Nota: Por favor veja o artigo</strong> <a href="/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API">Using the Web Storage API</a> <strong>para um exemplo completo.</strong></p>
</div>
<h2 id="Especificações">Especificações</h2>
<table class="standard-table">
<tbody>
<tr>
<th scope="col">Especificação</th>
<th scope="col">Status</th>
<th scope="col">Comentário</th>
</tr>
<tr>
<td>{{SpecName('Web Storage', '#dom-localstorage', 'localStorage')}}</td>
<td>{{Spec2('Web Storage')}}</td>
<td> </td>
</tr>
</tbody>
</table>
<h2 id="Navegadores_compatíveis">Navegadores compatíveis</h2>
<p>{{ CompatibilityTable() }}</p>
<div id="compat-desktop">
<table class="compat-table">
<tbody>
<tr>
<th>Feature</th>
<th>Chrome</th>
<th>Firefox (Gecko)</th>
<th>Internet Explorer</th>
<th>Opera</th>
<th>Safari (WebKit)</th>
</tr>
<tr>
<td>localStorage</td>
<td>4</td>
<td>3.5</td>
<td>8</td>
<td>10.50</td>
<td>4</td>
</tr>
<tr>
<td>sessionStorage</td>
<td>5</td>
<td>2</td>
<td>8</td>
<td>10.50</td>
<td>4</td>
</tr>
</tbody>
</table>
</div>
<div id="compat-mobile">
<table class="compat-table">
<tbody>
<tr>
<th>Feature</th>
<th>Android</th>
<th>Firefox Mobile (Gecko)</th>
<th>IE Phone</th>
<th>Opera Mobile</th>
<th>Safari Mobile</th>
</tr>
<tr>
<td>Basic support</td>
<td>2.1</td>
<td>{{ CompatUnknown }}</td>
<td>8</td>
<td>11</td>
<td>iOS 3.2</td>
</tr>
</tbody>
</table>
</div>
<p>Cada navegador tem o seu nível de capacidade de armazenamento para <code>localStorage</code> e {{domxref("sessionStorage")}}. Aqui está um <a href="http://dev-test.nemikor.com/web-storage/support-test/">teste detalhado de toda a capacidade de armazenamento de vários browsers</a>.</p>
<div class="note">
<p><strong>Nota: </strong>desde o iOS 5.1, Safari Mobile armazena os dados do localStorage em uma pasta de cache, o que está sujeito a ocasionalmente ser limpa, de acordo com o SO, se houver pouco espaço. O modo de Navegação Privada do Safari Mobile não permite escrever no <code>localStorage</code> de forma alguma.</p>
</div>
<h2 id="Veja_também">Veja também</h2>
<ul>
<li><a href="/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API">Using the Web Storage API</a></li>
<li>{{domxref("LocalStorage")}}</li>
<li>{{domxref("SessionStorage")}}</li>
<li>{{domxref("Window.sessionStorage")}}</li>
</ul>
|
