Extensão do Chrome para desenvolvedores

Editor visual de LocalStorage e SessionStorage para Chrome.

Visualize, busque, edite, importe e exporte dados de LocalStorage e SessionStorage com foco na aba atual e um editor visual de JSON. Ver casos de uso.

Sem servidor externo Dados locais Foco na aba atual
Interface do DataSidekick mostrando editor visual de JSON e lista de chaves.

Propósito único e claro

O DataSidekick existe para ajudar desenvolvedores a inspecionar e editar dados locais do navegador de forma rápida, visual e segura — diretamente no painel lateral do Chrome.

Chrome Side Panel
Playground

Teste o DataSidekick com dados reais de demonstração.

Esta página pode criar exemplos complexos em localStorage e sessionStorage para você abrir o painel lateral e explorar a extensão em uma origem segura.

Abra o console ou use os botões para preparar esta origem.

DataSidekick demo

1. Clique em "Criar dados demo".
2. Abra o painel lateral do DataSidekick.
3. Compare LocalStorage e SessionStorage.
4. Edite JSON, exporte, importe e limpe chaves.

prefixo: datasidekick.demo.
Recursos principais

Menos sofrimento. Mais controle.

Feito para quando você precisa editar storage sem abrir mão de legibilidade, precisão e segurança.

⌘

Busca inteligente

Encontre chaves e valores rapidamente, inclusive dentro de JSON aninhado.

{ }

Editor visual de JSON

JSON válido não aparece compactado como string. Ele vira uma árvore visual editável.

◎

Foco na aba atual

Mostra os dados da origem atual para evitar mistura com dados de outros apps.

⇅

Importar e exportar

Salve backups em JSON ou restaure dados locais com poucos cliques.

☆

Favoritos e organização

Marque chaves importantes, oculte ruído e mantenha o foco no que importa.

◐

Tema e fonte

Dark mode por padrão, light mode opcional e ajuste de tamanho da fonte.

Experimente no playground →
Casos de uso

Para depurar dados locais sem abrir mão de contexto.

O DataSidekick ajuda quando o estado da aplicação está no navegador e você precisa entender, ajustar ou compartilhar esse estado com rapidez.

Editar JSON no LocalStorage

Abra objetos aninhados em uma árvore visual, altere campos específicos e salve sem reescrever strings compactadas manualmente.

Inspecionar SessionStorage

Veja rascunhos, fluxos temporários, filtros e estados de sessão da aba atual sem misturar dados de outras origens.

Exportar dados locais em JSON

Gere backups, compartilhe cenários de teste e restaure estados conhecidos durante desenvolvimento, QA ou suporte.

Testar feature flags e preferências

Ajuste flags, temas, preferências e caches locais para validar comportamentos sem limpar todo o navegador.

Interface

Feito para uso real no dia a dia.

O painel lateral permite editar dados sem sair da página. A lista de chaves, os badges de tipo, as ações rápidas e o editor visual reduzem cliques e erros.

  • Edição inline para valores simples.
  • Botões claros para salvar, resetar e excluir.
  • Confirmações para ações destrutivas.
Captura de ecrã do DataSidekick em tema escuro.
Privacidade

Seus dados ficam no seu navegador.

Sem coleta de dados

A extensão não vende, transmite ou compartilha dados do usuário. O acesso ao storage acontece localmente para exibição e edição solicitadas pelo usuário.

Sem código remoto

O HTML, CSS e JavaScript são empacotados dentro da extensão. O DataSidekick não carrega scripts hospedados remotamente.

Permissões justificadas

As permissões são usadas para abrir o painel lateral, detectar a aba ativa e executar código local no contexto da página atual.

Como o DataSidekick acessa seus dados

Perguntas frequentes sobre privacidade →

O DataSidekick não solicita acesso permanente a todos os sites durante a instalação.

Quando você abre o painel em uma página, a extensão identifica a origem atual, por exemplo localhost:3000 ou app.example.com. Para ler e editar localStorage e sessionStorage, o DataSidekick solicita permissão apenas para aquela origem.

Esse acesso é usado somente para:

  • listar chaves do LocalStorage e SessionStorage;
  • exibir valores no painel lateral;
  • editar valores quando você salva alterações;
  • importar ou exportar dados em JSON;
  • excluir chaves quando você confirma a ação.

O DataSidekick não envia seus dados para servidores externos, não usa código remoto e não compartilha dados com terceiros. Tudo acontece localmente no navegador.

Como funciona

Do storage ao JSON editável em segundos.

  1. Abra o painel lateral O DataSidekick aparece ao lado da página atual.
  2. Escolha LocalStorage ou SessionStorage A extensão detecta a origem da aba ativa.
  3. Busque e edite Edite valores simples inline ou JSON em árvore visual.
  4. Salve, importe ou exporte Faça backup ou restaure dados em JSON localmente.
Perguntas frequentes

Dúvidas comuns antes de instalar.

O DataSidekick envia meus dados para servidores?

Não. Os dados de LocalStorage e SessionStorage são lidos e editados localmente no navegador. A extensão não envia esses dados para servidores externos. Saiba mais sobre privacidade.

A extensão acessa todos os sites?

Não durante a instalação. Quando você abre o painel em uma página, o DataSidekick solicita permissão apenas para a origem atual. Detalhes sobre permissões.

Posso editar objetos JSON aninhados?

Sim. Valores JSON válidos são exibidos como uma árvore visual editável para facilitar alterações pontuais. Teste na prática.

Para quem o DataSidekick foi criado?

Para desenvolvedores, QAs e pessoas técnicas que precisam depurar, editar, importar ou exportar dados locais de aplicações web. Veja todos os recursos.

Criado por

Rodrigo Nascimento

Desenvolvedor e criador do DataSidekick — uma extensão feita para tornar a edição de dados locais no Chrome mais visual, rápida e confiável.