Partilhar via


Ver JSON formatado

Utilize o visualizador JSON para formatar e sintaxe automaticamente realçar respostas JSON e ficheiros nos separadores do browser.

O visualizador JSON altera os dados JSON devolvidos para facilitar a leitura. Por vezes, um servidor Web responde a pedidos HTTP ao devolver dados codificados como JSON. Os dados JSON podem ser difíceis de ler quando estão formatados como uma única linha de texto concatenada e longa. O mesmo pode ocorrer ao abrir um ficheiro JSON a partir do disco.

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

  • A sintaxe JSON está realçada com cores diferentes.
  • As propriedades do objeto são apresentadas nas suas próprias linhas e com avanço.
  • Os objetos podem ser fechados ou expandidos.
  • O visualizador JSON corresponde ao tema escuro ou claro do seu sistema operativo.

Vídeo: O visualizador JSON

Imagem em miniatura do vídeo

Cenários com suporte

O visualizador JSON não é suportado em janelas abertas através do window.open método JavaScript. Nas janelas abertas com window.open, os dados JSON são apresentados como uma única linha de texto, sem realce de formatação ou sintaxe.

Ver respostas reformatadas do servidor JSON

Para ver uma resposta JSON de um servidor Web como JSON reformatado:

  1. Abra um novo separador ou janela no Microsoft Edge.

  2. Escreva um URL que devolva dados JSON na barra de endereço. Por exemplo, utilize esta resposta JSON de exemplo: https://microsoftedge.github.io/Demos/json-dummy-data/256KB-min.json.

    Pode encontrar mais exemplos de respostas JSON em MicrosoftEdge/Demos > json-dummy-data.

  3. O Microsoft Edge deteta que os dados devolvidos são JSON e formata-os automaticamente:

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

Ver ficheiros JSON reformatados

Para ver um ficheiro JSON armazenado no seu dispositivo como JSON reformatado:

  1. Abra um novo separador ou janela no Microsoft Edge.

  2. Prima Ctrl+O no Windows e Linux ou Comando+O no macOS e, em seguida, selecione um ficheiro JSON.

  3. O Microsoft Edge deteta que o ficheiro contém dados JSON e formata-os automaticamente:

    Dados JSON armazenados num ficheiro local, formatados e realçados por sintaxe pelo visualizador JSON

Detetar dados JSON inválidos

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

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

O visualizador JSON aplica realce de sintaxe a JSON inválido. No entanto, o visualizador JSON não formatar o conteúdo e não pode fechar ou expandir objetos.

Pode encontrar informações sobre a sintaxe inválida na ferramenta Consola , onde o visualizador JSON comunica erros.

Para ver dados JSON inválidos:

  1. Abra um novo separador ou janela no Microsoft Edge.

  2. Na Barra de endereço, aceda a um URL que devolve dados JSON inválidos. Por exemplo, utilize esta resposta JSON inválida de exemplo: https://microsoftedge.github.io/Demos/json-dummy-data/missing-colon.json.

    Pode encontrar outros exemplos inválidos de respostas JSON em MicrosoftEdge/Demos > json-dummy-data.

  3. O Microsoft Edge deteta que o ficheiro contém dados JSON inválidos e colore a listagem JSON, mas não encapsula ou reformata a listagem JSON. O facto de o JSON não estar moldado indica que há JSON mal formado.

  4. Abra a ferramenta Consola premindo Ctrl+Shift+J (Windows, Linux) ou Comando+Opção+J (macOS).

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

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

  5. Num editor de código, como o Microsoft Visual Studio Code, aceda ao número de coluna indicado para inspecionar o JSON:

    Ver o JSON com formato incorreto por número de coluna no VS Code

Procurar os dados JSON

Para procurar texto nos dados JSON, utilize a funcionalidade Localizar do visualizador JSON da seguinte forma:

  1. Veja uma resposta JSON ou um ficheiro no visualizador JSON.

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

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

    A barra de ferramentas de pesquisa do visualizador JSON

  4. Na caixa de texto Localizar , comece a escrever o texto que pretende procurar. À medida que escreve, o visualizador JSON realça todas as ocorrências da cadeia de texto nos dados JSON.

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

Percorrer os resultados da pesquisa

Para ir para o resultado de pesquisa seguinte ou anterior, depois de os resultados terem sido encontrados, clique nos botões Seguinte ou Anterior na barra de ferramentas de pesquisa. O resultado da pesquisa atualmente selecionado está realçado com uma cor diferente:

Os botões Seguinte e Anterior na barra de ferramentas de pesquisa do visualizador JSON

A barra de ferramentas de pesquisa contém caixas de verificação Maiúsculas/Minúsculas, Regexp e Por Word, para modificar o tipo de pesquisa:

As caixas de verificação Maiúsculas/Minúsculas, Regexp e Por Word, que alteram a forma como a pesquisa é executada

Por predefinição, a pesquisa não é sensível a maiúsculas e minúsculas. Por exemplo, uma pesquisa em hello corresponde Helloa , HELLO, helloou qualquer cadeia que contenha os carateres hello com qualquer caixa.

Para tornar a pesquisa sensível às maiúsculas e minúsculas, selecione a caixa de verificação Maiúsculas /Minúsculas na barra de ferramentas de pesquisa.

Procurar por uma expressão regular

Por predefinição, a cadeia de pesquisa é tratada como uma cadeia literal.

Para procurar com uma expressão regular, selecione a caixa de verificação Regexp na barra de ferramentas de pesquisa.

Procurar apenas por palavra inteira

Por predefinição, a pesquisa não se limita a localizar apenas a palavra inteira e isolada rodeada de espaços. Por exemplo, uma pesquisa em hello corresponde helloa , hello-worlde world-helloou a qualquer cadeia que contenha a sequência de carateres hello.

Para restringir a pesquisa para corresponder apenas à cadeia entre espaços, sem letras adjacentes, selecione a caixa de verificação Por Word na barra de ferramentas de pesquisa.