Este guia mostra como usar o Chrome DevTools para inspecionar dados do Web SQL.
Acessar dados do SQL da Web
Clique na guia Origens para abrir o painel Aplicativo. Abra a seção SQL da Web para conferir bancos de dados e tabelas. Na Figura 1 abaixo, html5meetup é um banco de dados e rooms é uma tabela.
Figura 1. Painel do Web SQL.
Clique em uma tabela para conferir os dados dela.
Figura 2. Visualização dos dados da tabela rooms do Web SQL.
Editar dados do SQL da Web
Não é possível editar dados do Web SQL ao visualizar uma tabela do Web SQL, como na Figura 2 acima. No entanto, é possível executar instruções do console do Web SQL que editam ou excluem tabelas. Consulte Executar consultas SQL da Web.
Executar consultas SQL da Web
- Clique em um banco de dados para abrir o console dele.
Digite uma instrução SQL da Web e pressione Enter para executá-la.
Figura 3. Usar o console do Web SQL para excluir uma linha da tabela rooms.
Atualizar uma tabela do Web SQL
As DevTools não atualizam as tabelas em tempo real. Para atualizar os dados em uma tabela:
- Acessar os dados de uma tabela do Web SQL.
- Clique em Atualizar
.
Filtrar colunas em uma tabela do Web SQL
- Acessar os dados de uma tabela do Web SQL.
Use a caixa de texto Colunas visíveis para especificar quais colunas você quer mostrar. Forneça os nomes das colunas como uma lista CSV.
Figura 4. Usar a caixa de texto Colunas visíveis para mostrar apenas as colunas
room_nameelast_updated.
Excluir todos os dados do Web SQL
- Abra o painel Limpar armazenamento.
Verifique se a caixa de seleção SQL da Web está ativada.
Figura 5. A caixa de seleção SQL da Web.
Clique em Limpar dados do site.
Figura 6. O botão Limpar dados do site.