7 ferramentas para editar arquivos JSON no Google Chrome

O formato JSON é derivado de Javascript e frequentemente usado para transmitir dados entre um servidor e uma aplicação web. É uma alternativa ao XML que permite ao programador se envolver, usando inúmeras ferramentas. Mas e se você quiser usar seu navegador para trabalhar com seus arquivos JSON? Existem vários aplicativos da web e extensões para o Google Chrome que visam ajudar os programadores a editar arquivos JSON.

1. Editor JSON on-line

Disponível como: aplicativo da Web

JSON Editor Online é uma ferramenta para visualizar, editar e formatar JSON. Este aplicativo do Chrome abre um editor de texto dentro do seu navegador, permitindo que você edite o código sem precisar mudar para outro aplicativo. O aplicativo exibe duas caixas de texto lado a lado. O campo à esquerda exibe o código como está, enquanto o campo à direita exibe o texto em um formato mais legível.

O aplicativo pode abrir arquivos locais e URLs. Seu código-fonte também está disponível para quem quiser saber como foi feito. Ele pode abrir arquivos de até 512 MB, o que pode não parecer muito à primeira vista, mas pode conter uma enorme quantidade de dados. Para arquivos realmente grandes, você pode verificar essas ferramentas para visualizá-los rapidamente e sem atrasos .

O Editor JSON é mais do que apenas um editor. É um formatador, analisador e até mesmo um assistente de reparo. Definitivamente merece um lugar no kit de ferramentas de todo desenvolvedor de software.

2. Formatador JSON

Disponível como: extensão do Chrome

A extensão JSON Formatter Chrome é uma ferramenta de código aberto que também torna a leitura do código JSON mais fácil para os olhos. Ele oferece suporte para formatos JSON e JSONP e oferece destaque de sintaxe, árvores recolhíveis, guias de recuo e URLs clicáveis. Funciona em qualquer página JSON válida e também em arquivos locais.

Esta extensão também funciona em arquivos JSON veiculados pela Internet. No entanto, às vezes entra em conflito com o estilo do site HTML, quando os dados JSON são servidos brutos na parte HTML. Isso tende a acontecer na página de exemplo do site oficial do JSON , na qual a cor de fundo desaparece.

Mas como se trata de uma extensão, você pode facilmente desativá-la ou impedi-la de funcionar em páginas anônimas. Além disso, é de código aberto, então você pode mexer no código-fonte para fazer ainda mais coisas.

3. JSONView

Disponível como: extensão do Chrome

JSONView para Google Chrome originou-se como um complemento do Firefox . Está completo com opções de menu de contexto para copiar um caminho ou valor JSON. Há também um editor de estilo integrado para personalizar o tema.

Como uma extensão criada por outro desenvolvedor, JSONVue expande a capacidade do JSONView de validar documentos JSON usando JSONLint .

JSONView também aplica algumas impressões bonitas em seus arquivos JSON. Isso adiciona uma impressão em negrito nas chaves JSON para torná-las mais fáceis de ler em relação aos colchetes e dois pontos sem negrito.

4. Embelezador e editor JSON

Disponível como: extensão do Chrome

JSON Beautifier & Editor transforma seu navegador Chrome em uma ferramenta JSON para edição, processamento e análise de dados. Ele permite alterar chaves e valores, bem como salvar suas alterações em um arquivo de saída JSON para download.

Talvez o maior recurso do JSON Beautifier & Editor seja a capacidade de adicionar e remover espaços em branco para seus arquivos JSON. Ele também tem uma maneira de classificar seus objetos caso você altere algumas coisas durante a codificação.

Resumindo, esta extensão expande o que as extensões JSON normais do Chrome podem fazer, transformando seu navegador em um editor de texto offline para arquivos JSON.

5. Editor JSON de embelezamento de código

Disponível como: aplicativo da Web

O Code Beautify JSON Editor é apenas uma das muitas outras ferramentas disponíveis no conjunto de aplicativos de embelezamento de código do Code Beautify. Concentrando-se no Editor JSON, você encontrará algumas outras maneiras de visualizar arquivos JSON em seu navegador da web.

O aplicativo apresenta uma visualização de código, que é principalmente apenas uma visualização de texto embelezada – exceto que é independente da visualização de Texto ao visualizar JSON compacto. Enquanto isso, a visualização Formulário mostra o tamanho de cada array dentro de cada linha recolhida. Para objetos, mostra quantas chaves estão dentro dele.

Outra coisa que torna esta extensão útil é que ela mostra o tamanho dos arquivos JSON editados e originais. Se você estiver trabalhando em um projeto com tamanhos de arquivo muito específicos, esta pode ser a ferramenta certa para o trabalho.

6. Tutoriais Point Online JSON Editor

Disponível como: aplicativo da Web

O Online JSON Editor da Tutorials Point é uma ótima ferramenta de edição JSON que também agrada aos olhos. Ele permite alternar elementos visuais, o que pode ajudá-lo a visualizar espaços em branco em código JSON profundamente aninhado. Além disso, tem temas mutáveis.

Talvez o principal atrativo deste editor seja que ele também oferece acesso a uma biblioteca de tutoriais. Isso o torna uma ferramenta útil para pessoas que estão tentando aprender novas linguagens de programação , enquanto dependem principalmente de recursos online.

Semelhante a todas as outras ferramentas de edição JSON online, este editor permite baixar o JSON editado através do seu navegador. Dessa forma, você pode usar isso para fazer quase tudo o que precisar com qualquer código JSON.

7. Editor JSON das ferramentas de Dan

Disponível como: aplicativo da Web

JSON Editor From Dan’s Tools é um editor JSON online gratuito que apresenta uma aparência limpa e minimalista. O que falta em recursos é compensado pelo carregamento rápido assim que você insere o URL.

É bom o suficiente se você precisar de algo que possa usar rapidamente para editar. No entanto, a função “Carregar arquivo” às vezes aparece na parte inferior da tela em alguns navegadores ao usar extensões de bloqueio de anúncios, o que pode ser inconveniente.

O desenvolvedor deste aplicativo, Clean CSS (também conhecido como Dan’s Tools) também possui outras ferramentas para converter JSON em outros formatos, como CSV, XML, TSV e até HTML.

Acesse convenientemente arquivos JSON

Todas as imagens e capturas de tela de Terenz Jomar Dela Cruz