Exibindo XML no navegador Chrome


65

Adoro o navegador Chrome, mas uso bastante o XML no meu trabalho de desenvolvimento e, quando o vejo no Chrome, apenas recebo o texto renderizado.

Eu sei que a exibição da fonte é um pouco melhor, mas eu realmente gostaria de ver o layout e a funcionalidade que o Internet Explorer adiciona ao XML, a saber:

  • Destacando
  • Abrir / fechar nós

Alguma idéia de como posso obter isso no Chrome?


ATUALIZAR:

A extensão XMLTree está disponível no site beta da extensão do Google Chrome .


11
Hmm ... firefox?
RCIX 21/07/2009

31
vamos lá pessoal - use as respostas do Firefox não são realmente úteis.
Josh

3
Boa extensão. Por que você não move sua solução para sua própria resposta, para que você possa aceitá-la e poder ser votada?
Arathorn 22/07/2009

@arathorn - agora adicionei o plug-in como resposta - obrigado.
217 Josh

@ Josh: Você não quer mudar sua resposta aceita também? (Presumo que isso é possível.)
Arathorn

Respostas:


18

Acho que sua melhor aposta é usar um bookmarklet ou instalar o Greasemetal (que é o Greasemonkey do Firefox para Chrome), combinado com um script como XML Tree (antigo, mas a fonte ainda pode ajudar). Um script de destaque de sintaxe mais genérico também pode ajudar, mas duvido que você encontre facilmente um com dobragem de código.

Observe que espaço em branco pode importar em XML. Nem todos os visualizadores de XML respeitam isso; a captura de tela criada pela XML Tree acima mencionada, para o exemplo XML , não a respeita para a linha Elemento XML de amostra que contém muito texto, o suficiente para ser colocado em uma linha separada.

(Infelizmente, o jsgui.com/xml-viewer não está respondendo enquanto estou escrevendo isso.)

EDIT : Como imprimir bastante xml em javascript? no Stack Overflow mencionou uma versão mais recente da árvore XML: Pretty XML Tree , usando XSLT e afirma ser mais rápida. A demonstração não responde ao clique no meu Safari ou Firefox, mas pode ser útil de qualquer maneira.


obrigado - me coloque no caminho certo. obteve uma extensão de trabalho baseada no script em árvore xml.
22413 Josh

@ Josh, embora eu não esteja usando o Chrome: obrigado pelo plug-in!
Arjan #

Eu atualizei minha extensão para usar xslt e uma idéia semelhante à bonita árvore xml - mas espero que funcione melhor :) - deixe-me saber o que você pensa - mesmo link de antes.
5289 Josh

(Eu ainda não estou usando Chrome, mas dadas as anteriores comentários que li no chromeplugins.org/google/chrome-plugins/... eu tenho certeza que as pessoas estão felizes!)
Arjan

28

Agora criei uma extensão simples para adicionar essa funcionalidade.

ATUALIZAÇÃO veja aqui a extensão .


Você pode fazê-lo funcionar para baixar links para arquivos XML? O Chrome continua me pedindo para salvar o arquivo em disco :(
sorin

Josh, essa extensão agora é mantida por outra pessoa?
Arjan #

6

Pelo que entendi, a limitação está realmente no mecanismo de renderização do webkit, e não no próprio Chrome. Duvido que processemos XML decentemente no Chrome antes que eles lançem extensões corretamente, quando alguém poderá codificar uma extensão da comunidade para manipular arquivos de texto / xml.

Se você quer uma alternativa ao IE, a renderização de XML do Firefox é muito boa.


Ou isso, ou eles apenas criarão uma extensão equivalente ao "IE Tab" do Firefox, ou talvez "Firefox Tab", se você desejar. addons.mozilla.org/pt-BR/firefox/addon/1419
MatrixFrog 19/07/2009

11
@MatrixFrog FF-tab for chrome, no qual você pode executar o IE-Tab for FF? ; D
pavsaund

6

Se você clicar com o botão direito do mouse em um nó e clicar em "Inspect Element", deverá obter o WebKit Web Inspector , que possui muitos recursos sofisticados, incluindo o que você precisa; isso deve funcionar para XML, além de apenas HTML. Aqui está uma captura de tela do Safari, que tem o mesmo inspetor:

Inspetor da Web


2
+1 é a resposta do pôster original. Acabei de verificar e a opção "inspecionar elemento" está lá ao visualizar um arquivo XML bruto. Seria bom se essa fosse a opção de renderização padrão para arquivos XML não HTML; no entanto dois cliques que não é muito de um preço a pagar :)
Russell Heilling

muito legal - é uma pena que não seja a opção padrão para xml.
217 Josh

Bem, sim. O problema é que o navegador não tem como saber se você deseja renderizar o documento ou não, pois o XML é um meio perfeitamente válido para páginas da Web (por exemplo, homepage.mac.com/nathan_day/pages/news.xml ). O Web Inspector é realmente apenas uma ferramenta de desenvolvedor (uma incrível!). Aliás, Josh, isso contou como a resposta para a pergunta original?
jtbandes

É uma pena que não seja o renderizador padrão. Várias vezes fui forçado a usar o IE para esse fim, mesmo que o Chrome seja o meu navegador preferido. Em relação a, como o navegador saberá exibir o documento? Eu não ligo! De alguma forma, o IE e o Firefox descobrem isso. Talvez algo na folha de estilo, adivinhação, mágica ... faça isso!
Tundey 22/07/2009

@jtbandes - a ideia do script de @Arjan van Bentem foi a melhor resposta, pois ajudou a criar a extensão que eu também adicionei como resposta.
217 Josh



1

Não há necessidade de extensões sofisticadas (que quebram se você carregar um arquivo XML com tamanho de 1 MB).

Esta postagem é antiga, mas no momento o Chrome corrigiu o bug e adicionou suporte para a visualização de XML diretamente no navegador. Basta arrastar e soltar qualquer arquivo XML e você poderá ver a visualização em árvore recolhível do arquivo. Ele também suporta a visualização de feeds RSS .


0

No meu caso (resposta da API REST do SharePoint 2013), a Árvore XML vence o XV - XML ​​Viewer

  • correspondência perfeita e destaque de tags ao passar o mouse
  • formato de exibição em árvore intuitivo imbatível

Recursos extras avançados

  • Consulta XPATH

    insira a descrição da imagem aqui

(na verdade, instalei o XV primeiro e ele não fez nada com o meu xml, mas a árvore XML o agita)

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.