Exibir JSON formatado

Use o visualizador JSON para formatar e a sintaxe automaticamente realçar respostas JSON e arquivos nas guias do navegador.

O visualizador JSON altera os dados JSON retornados para facilitar a leitura. Às vezes, um servidor Web responde a solicitações HTTP retornando dados codificados como JSON. Os dados JSON podem ser difíceis de ler quando são formatados como uma única linha de texto longa e concatenada. O mesmo pode ocorrer ao abrir um arquivo JSON do disco.

O visualizador JSON melhora a legibilidade dos dados JSON de várias maneiras:

  • A sintaxe JSON é realçada com cores diferentes.
  • As propriedades do objeto são exibidas em suas próprias linhas e recuadas.
  • Objetos podem ser recolhidos ou expandidos.
  • O visualizador JSON corresponde ao tema escuro ou claro do sistema operacional.

Cenários com suporte

O visualizador JSON não tem suporte em janelas que são abertas usando o window.open método JavaScript. Nas janelas abertas com window.open, os dados JSON são exibidos como uma única linha de texto, sem formatação ou realce de sintaxe.

Exibir respostas de servidor JSON reformatizado

Para exibir uma resposta JSON de um servidor Web como JSON reformatizado:

  1. Abra uma nova guia ou janela no Microsoft Edge.

  2. Digite uma URL que retorna dados JSON na barra de endereços. Por exemplo, use esta resposta JSON de exemplo: https://microsoftedge.github.io/Demos/json-dummy-data/256KB-min.json.

    Você pode encontrar mais exemplos de respostas JSON no MicrosoftEdge/Demos > json-dummy-data.

  3. O Microsoft Edge detecta que os dados retornados são JSON e os formata automaticamente:

    Dados JSON retornados por um servidor Web, formatados e realçados pela sintaxe pelo visualizador JSON

Exibir arquivos JSON reformatizados

Para exibir um arquivo JSON armazenado em seu dispositivo como JSON reformatizado:

  1. Abra uma nova guia ou janela no Microsoft Edge.

  2. Pressione Ctrl+O no Windows e Linux ou Command+O no macOS e selecione um arquivo JSON.

  3. O Microsoft Edge detecta que o arquivo contém dados JSON e os formata automaticamente:

    Dados JSON armazenados em um arquivo local, formatados e realçados pela sintaxe pelo visualizador JSON

Detectar dados JSON inválidos

Às vezes, os dados JSON podem ser inválidos. Por exemplo, os seguintes padrões são inválidos no JSON:

  • Omitindo aspas duplas em torno de um nome de chave.
  • Ter uma vírgula à direita após o último par de chave/valor.

O visualizador JSON aplica o realce da sintaxe ao JSON inválido. No entanto, o visualizador JSON não formata o conteúdo e você não pode recolher ou expandir objetos.

Você pode encontrar informações sobre a sintaxe inválida na ferramenta Console , em que o visualizador JSON relata erros.

Para exibir dados JSON inválidos:

  1. Abra uma nova guia ou janela no Microsoft Edge.

  2. Na barra Endereço, vá para uma URL que retorna dados JSON inválidos. Por exemplo, use este exemplo de resposta JSON inválida: https://microsoftedge.github.io/Demos/json-dummy-data/missing-colon.json.

    Você pode encontrar outros exemplos inválidos de respostas JSON no MicrosoftEdge/Demos > json-dummy-data.

  3. O Microsoft Edge detecta que o arquivo contém dados JSON inválidos e colore a listagem JSON, mas não encapsula ou reformata a listagem JSON. O fato de o JSON não ser embrulhado indica que há JSON malformado.

  4. Abra a ferramenta Console pressionando Ctrl+Shift+J (Windows, Linux) ou Command+Option+J (macOS).

    Um erro JavaScript indica onde o erro de sintaxe JSON está localizado:

    JSON inválido, realçado por não formatado, com um erro de sintaxe exibido na ferramenta Console

  5. Em um editor de código, como o Microsoft Visual Studio Code, acesse o número de coluna indicado para inspecionar o JSON:

    Exibindo o JSON malformado por número de coluna no VS Code

Pesquisa os dados JSON

Para pesquisar texto nos dados JSON, use o recurso Localizar do visualizador JSON da seguinte maneira:

  1. Exibir uma resposta JSON ou um arquivo no visualizador JSON.

  2. Clique em qualquer lugar nos dados JSON formatados para colocar o foco nos dados JSON.

  3. Pressione Ctrl+F (Windows, Linux) ou Command+F (macOS). A barra de ferramentas de pesquisa é exibida na parte superior do visualizador JSON:

    A barra de ferramentas de pesquisa do visualizador JSON

  4. Na caixa de texto Localizar , comece a digitar o texto que você deseja pesquisar. Conforme você digita, o visualizador JSON realça todas as ocorrências da cadeia de caracteres de texto nos dados JSON.

Para interromper a pesquisa, clique no botão Cancelar na barra de ferramentas do visualizador JSON.

Mover os resultados da pesquisa

Para passar para o próximo ou anterior resultado da pesquisa, depois que os resultados forem encontrados, clique nos botões Avançar ou Anterior na barra de ferramentas de pesquisa. O resultado da pesquisa selecionado no momento é realçado em uma cor diferente:

Os botões Avançar e Anterior na barra de ferramentas de pesquisa do visualizador JSON

A barra de ferramentas de pesquisa contém caixas de seleção Match Case, Regexp e By Word para modificar o tipo de pesquisa:

As caixas de seleção Match Case, Regexp e By Word, que alteram a forma como a pesquisa é executada

Por padrão, a pesquisa é insensível a casos. Por exemplo, uma pesquisa em hello corresponde a Hello, HELLO, helloou qualquer cadeia de caracteres que contenha os caracteres hello com qualquer invólucro.

Para tornar o caso de pesquisa confidencial, selecione a caixa de seleção Match Case na barra de ferramentas de pesquisa.

Pesquisa por uma expressão regular

Por padrão, a cadeia de caracteres de pesquisa é tratada como uma cadeia de caracteres literal.

Para pesquisar usando uma expressão regular, selecione a caixa de seleção Regexp na barra de ferramentas de pesquisa.

Pesquisa somente por palavra inteira

Por padrão, a pesquisa não se restringe a encontrar apenas a palavra inteira e isolada cercada por espaços. Por exemplo, uma pesquisa em hello corresponde a hello, hello-worlde world-hello, ou qualquer cadeia de caracteres que contenha a sequência de caracteres hello.

Para restringir a pesquisa para corresponder apenas à cadeia de caracteres cercada por espaços, sem letras adjacentes, selecione a caixa de seleção By Word na barra de ferramentas de pesquisa.