aboutsummaryrefslogtreecommitdiff
path: root/files/pt-br/tools/inspetor_de_armazenamento/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'files/pt-br/tools/inspetor_de_armazenamento/index.html')
-rw-r--r--files/pt-br/tools/inspetor_de_armazenamento/index.html137
1 files changed, 137 insertions, 0 deletions
diff --git a/files/pt-br/tools/inspetor_de_armazenamento/index.html b/files/pt-br/tools/inspetor_de_armazenamento/index.html
new file mode 100644
index 0000000000..82215530a4
--- /dev/null
+++ b/files/pt-br/tools/inspetor_de_armazenamento/index.html
@@ -0,0 +1,137 @@
+---
+title: Inspetor de Armazenamento
+slug: Tools/Inspetor_de_Armazenamento
+tags:
+ - Armazenamento
+ - Armazenamento Local
+ - Ferramentas
+ - Guía
+ - Sidebar
+ - ferramentas do desenvolvedor
+ - inspetor de armazenamento
+ - seção
+translation_of: Tools/Storage_Inspector
+---
+<div>{{ToolsSidebar}}</div>
+
+<div class="geckoVersionNote">
+<p>O Inspetor de Armazenamento é novo no Firefox 34.</p>
+
+<p>Inspetor de Armazenamento vem desabilitado por padrão. Habilite-o nas <a href="/en-US/docs/Tools_Toolbox#Settings">Configurações de Ferramentas do Desenvolvedor</a>.</p>
+</div>
+
+<p>O Inspetor de Armazenamento permite a você inspecionar diversos tipos de armazenamento que uma página na web pode usar. Atualmente ele pode ser usado para inspecionar os seguintes tipos de armazenamento:</p>
+
+<ul>
+ <li><em>Cookies</em> - Todos os cookies criados pela página ou quaisquer iframes dentro da página. Cookies criados como parte de uma resposta de chamada de rede também são listados, mas apenas para chamadas que aconteceram enquanto a ferramenta estava aberta.</li>
+ <li><em>Local Storage</em> - Todos os itens de armazenamentos locais criados pela página ou quaisquer iframes dentro da página.</li>
+ <li><em>Session Storage</em> - Todas os itens de armazenamento de sessão criados pela página ou quaisquer iframes dentro da página.</li>
+ <li><em>IndexedDB</em> - Todos os bancos de dados IndexedDB criados pela página ou quaisquer iframes dentro da página, seus Object Stores e os itens armazenados nestes Object Stores.</li>
+</ul>
+
+<p>Pelo tempo presente, o Inspetor de Armazenamento fornece apenas uma visão <em>read-only </em>do armazenamento. Mas estamos trabalhando para permitir a você editar o conteúdo do armazenamento em futuros lançamentos.</p>
+
+<h2 id="Abrindo_o_Inspetor_de_Armazenamento">Abrindo o Inspetor de Armazenamento</h2>
+
+<p>Uma vez habilitado, você poderá abrir o Inspetor de Armazenamento selecionando "Inspetor de Armazenamento" a partir do submenu do Desenvolvedor Web no Painel de Menu do Firefox (ou menu de Ferramentas se você exibir a barra de menu ou estiver no Mac OS X), or pressionando o atalho de teclado Shift + F9.</p>
+
+<p>A  <a href="https://developer.mozilla.org/en-US/docs/Tools/DevTools_Window" title="/en-US/docs/Tools/DevTools_Window">Caixa de Ferramentas</a> vai aparecer na parte de baixo da janela do navegador, com o Inspetor de Armazenamento ativado. Ele é chamado apenas de "Armazenamento" na Caixa de Ferramentas do Desenvolvedor.</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/8503/Capture1.JPG" style="display: block; margin-left: auto; margin-right: auto;"></p>
+
+<h2 id="Interface_de_Usuário_do_Inspetor_de_Armazenamento">Interface de Usuário do Inspetor de Armazenamento</h2>
+
+<p>A UI do Inspetor de Armazenamento é dividida em três componentes principais:</p>
+
+<ul>
+ <li><a href="#storage-tree">Árvore de armazenamento</a></li>
+ <li><a href="#table-widget">Table Widget</a></li>
+ <li><a href="#sidebar">Sidebar</a></li>
+</ul>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/8507/capture2.jpg" style="display: block; margin-left: auto; margin-right: auto;"></p>
+
+<h3 id="Árvore_de_armazenamento"><a name="storage-tree">Árvore de armazenamento</a></h3>
+
+<p>A árvore de armazenamento lista todos os tipos de armazenamentos que o Inspetor de Armazenamento pode inspecionar. Para cada tipo, ele possui uma lista de todas as possíveis origens disponíveis. Uma origem é um domínio ou um <em>hostname</em> para diferentes tipos de armazenamento. Para cookies, o protocolo não diferencia a origem. Para indexedDB ou armazenamento local uma origem é uma combinação de protocolo + hostname. Por exemplo, "http://mozilla.org" e "https://mozilla.org" são duas origens diferentes então itens de armazenamento local não podem ser compartilhados entre eles.</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/8509/capture3.png" style="display: block; margin-left: auto; margin-right: auto;"></p>
+
+<p>Enquanto cookies, armazenamento local e itens de armazenamento de sessão são diretamente associados a uma origem, para indexedDB a hierarquia tem mais níveis. Todos os itens de indexedDB são associados com um objeto de armazenamento que é então associado a um banco de dados, e finalmente um banco de dados é associado a uma origem.</p>
+
+<p>Você pode clicar em cada item da árvore para expandir ou contrair seus filhos. A árvore funciona em tempo real, então se um novo objeto for adicionado (adicionando um iframe, por exemplo), ele vai ser adicionado para cada tipo de armazenamento automaticamente. Clicar nos itens da árvore vai mudar os dados de na tabela à direita. Por exemplo, clicar em uma origem que é uma filha do tipo armazemento de Cookies  mostrará todos os cookies pertencentes àquele domínio.</p>
+
+<h3 id="Widget_tabela"><a name="table-widget">Widget tabela</a></h3>
+
+<p>O widget tabela é um local onde todos os itens correspondentes ao item da árvore selecionada (seja uma origem, ou banco de dados) são listados. Dependendo do tipo de armazenamento  e do item da árvore, o número de colunas pode variar.</p>
+
+<p>Todas as colunas no Widget Tabela são redimencionáveis e podem ser ocultados via menu de contexto no cabeçalho da tabela até que apenas duas colunas estejam visíveis.</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/8511/capture4.jpg" style="display: block; margin-left: auto; margin-right: auto;"></p>
+
+<h4 id="Cookies">Cookies</h4>
+
+<p>When you select an origin inside the Cookies storage type from the storage tree, all the cookies present for that origin will be listed in the table. The table then has the following columns:</p>
+
+<ul>
+ <li><em>Name</em> - The name of the cookie</li>
+ <li><em>Path</em> - The path property of the cookie</li>
+ <li><em>Domain</em> - The domain of the cookie</li>
+ <li><em>Expires On</em> - The time when the cookie will expire. If the cookie is a session cookie, the value of this column will be "Session"</li>
+ <li><em>Created On</em> - When the cookie was created</li>
+ <li><em>Last Accessed On</em> - When the cookie was last read</li>
+ <li><em>Value</em> - The value of the cookie</li>
+ <li><em>isDomain</em> - Is this cookie a domain cookie: that is, the domain value starts with a "."</li>
+ <li><em>isSecure</em> - Is this cookie a secure cookie</li>
+ <li><em>isHttpOnly</em> - Is this cookie http only.</li>
+</ul>
+
+<h4 id="Local_storage_Session_storage">Local storage / Session storage</h4>
+
+<p>When an origin corresponding to local storage or session storage is selected, the table will list the name and value of all the items corresponding to local storage or session storage.</p>
+
+<h4 id="IndexedDB_origin">IndexedDB origin</h4>
+
+<p>When you select an origin inside the Indexed DB storage type in the storage tree, the table lists the details of all the databases present for that origin. Databases have the following details:</p>
+
+<ul>
+ <li><em>Database Name</em> - The name of the database</li>
+ <li><em>Origin</em> - Its origin</li>
+ <li><em>Version</em> - The database version</li>
+ <li><em>Object Stores</em> - Number of object stores in the database</li>
+</ul>
+
+<h4 id="IndexedDB_Database">IndexedDB Database</h4>
+
+<p>When an IndexedDB database is selected in the storage tree, details about all the object stores is listed in the table. Any object store has the following details:</p>
+
+<ul>
+ <li><em>Object Store Name</em> - The name of the object store</li>
+ <li><em>Key</em> - The keyPath property of the object store.</li>
+ <li><em>Auto Increment</em> - Whether auto increment is enabled</li>
+ <li><em>Indexes</em> - Array of indexes present in the object store as shown below</li>
+</ul>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/8513/capture5.jpg" style="display: block; margin-left: auto; margin-right: auto;"></p>
+
+<h4 id="IndexedDB_object_store">IndexedDB object store</h4>
+
+<p>When an object store is selected in the storage tree, all the items in that object store are listed in the table. All items have a key and a value associated with them.</p>
+
+<h3 id="Sidebar"><a name="sidebar">Sidebar</a></h3>
+
+<p>Quando você seleciona qualquer linha na tabela de ferramentas de armazenamento, a sidebar é mostrada com detalhes sobre a linha selecionada. Se um cookie é selecionado, a sidebar listará todos os detalhes sobre o cookie selecionado.</p>
+
+<p>A sidebar pode analisar o valor do cookie, um ítem do armazenamento local ou um ítem do IndexedDB e covertê-lo em um objeto significante ao invés de apenas uma string. Por exemplo, um JSON convertido como <code>'{"foo": "bar"}'</code> é mostrado como a origem JSON<code> {foo: "bar"}</code>, o valor da chave separado como <code>1~2~3~4</code> é mostrado como um array <code>[1, 2, 3, 4]</code>. Abaixo há algumas telas mostrando exemplos de diferentes tipos de valores analisados:</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/8517/capture6.jpg" style="display: block; margin-left: auto; margin-right: auto;"></p>
+
+<p style="text-align: center;"><em>Um JSON convertido em string sendo mostrado como o JSON original na seção parsed value da sidebar</em></p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/8519/capture7.jpg" style="display: block; margin-left: auto; margin-right: auto;"></p>
+
+<p style="text-align: center;"><em>Uma string contendo um par chave-valor sendo mostrada como JSON na seção parsed value da sidebar</em></p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/8521/capture8.jpg" style="display: block; margin-left: auto; margin-right: auto;"></p>
+
+<p style="text-align: center;"><em>Uma string contendo chave e valor separados sendo mostrada como um Array na seção parsed value da sidebar</em></p>