Mostrar XML en el navegador Chrome

65

Me encanta el navegador Chrome, pero uso bastante XML en mi trabajo de desarrollo y cuando lo veo en Chrome solo obtengo el texto renderizado.

Sé que la vista de origen es ligeramente mejor, pero realmente me gustaría ver el diseño y la funcionalidad que Internet Explorer agrega a XML, a saber:

  • Resaltando
  • Abrir / cerrar nodos

¿Alguna idea de cómo puedo obtener esto en Chrome?


ACTUALIZAR:

La extensión XMLTree está disponible en el sitio beta de Google Chrome Extension .

Josh
fuente
1
Hmm ... uh, Firefox?
RCIX
31
Vamos muchachos: usar las respuestas de Firefox no son realmente útiles.
Josh el
3
Buena extensión ¿Por qué no mueves tu solución a su propia respuesta, para que puedas aceptarla y votar?
arathorn el
@arathorn: ahora he agregado el complemento como respuesta, gracias.
Josh el
@ Josh: ¿No quieres cambiar tu respuesta aceptada también? (Supongo que es posible.)
arathorn

Respuestas:

18

Supongo que su mejor opción es usar un marcador o instalar Greasemetal (que es Greasemonkey de Firefox para Chrome), combinado con un script como XML Tree (antiguo, pero la fuente aún puede ayudar). Un script de resaltado de sintaxis más genérico también puede ayudar, pero dudo que encuentre fácilmente uno con plegado de código.

Tenga en cuenta que los espacios en blanco pueden ser importantes en XML. No todos los espectadores XML respetan eso; la captura de pantalla creada por el árbol XML mencionado anteriormente para el ejemplo XML no lo respeta para la línea Elemento XML de muestra que contiene mucho texto, suficiente para colocarlo en una línea separada.

(Lamentablemente, jsgui.com/xml-viewer no responde mientras escribo esto).

EDITAR : ¿Cómo imprimir bastante xml en javascript? en Stack Overflow mencionó una versión más nueva de XML Tree: Pretty XML Tree , que usa XSLT y afirma ser más rápido. La demostración no responde al hacer clic en mi Safari o Firefox, pero puede ser útil de todos modos.

Arjan
fuente
gracias, ponme en el camino correcto. tiene una extensión de trabajo basada en el script del árbol xml.
Josh el
@ Josh, aunque no estoy usando Chrome: ¡gracias por el complemento!
Arjan
He actualizado mi extensión para usar xslt y una idea simular para un bonito árbol xml, pero espero que funcione mejor :), hágame saber lo que piensa: el mismo enlace que antes.
Josh el
(Todavía no estoy usando Chrome, pero teniendo en cuenta los comentarios anteriores que he leído en chromeplugins.org/google/chrome-plugins/... estoy seguro que la gente está feliz!)
Arjan
28

Ahora he creado una extensión simple para agregar esta funcionalidad.

ACTUALIZACIÓN ver aquí para la extensión .

Josh
fuente
¿Puedes hacer que funcione para descargar enlaces a archivos XML? Chrome sigue pidiéndome que guarde el archivo en el disco :(
sorin
Josh, ¿esa extensión ahora es mantenida por otra persona?
Arjan
6

Según tengo entendido, la limitación está realmente en el motor de renderizado de webkit en lugar de en el propio Chrome. Dudo que hagamos un renderizado XML decente en Chrome antes de que se inicien correctamente las extensiones, en ese momento alguien podrá codificar una extensión de la comunidad para manejar archivos de texto / xml.

Si desea una alternativa a IE, la representación de XML en Firefox es bastante buena.

Russell Heilling
fuente
O eso, o simplemente crearán una extensión equivalente a la "Pestaña IE" de Firefox, o tal vez "Pestaña Firefox" si lo desea. addons.mozilla.org/en-US/firefox/addon/1419
MatrixFrog
1
@MatrixFrog FF-tab para Chrome, en el que puede ejecutar IE-Tab para FF? ; D
pavsaund
6

Si hace clic con el botón derecho en un nodo y hace clic en "Inspeccionar elemento", debería obtener el WebKit Web Inspector , que tiene muchas características sofisticadas que incluyen lo que necesita; esto debería funcionar para XML además de solo HTML. Aquí hay una captura de pantalla de Safari, que tiene el mismo inspector:

Inspector web

jtbandes
fuente
2
+1 esto parece la respuesta del póster original. Acabo de marcar y la opción "inspeccionar elemento" está ahí cuando veo un archivo XML sin procesar. Sería bueno si esta fuera la opción de representación predeterminada para archivos XML no HTML; Sin embargo dos clics no es que gran parte de un precio a pagar :)
Russell Heilling
muy bueno, es una pena que no sea la opción predeterminada para xml.
Josh el
Bueno sí. El problema es que el navegador no tiene forma de saber si desea que presente el documento o no, ya que XML es un medio perfectamente válido para las páginas web (por ejemplo, homepage.mac.com/nathan_day/pages/news.xml ). Web Inspector es realmente solo una herramienta de desarrollador (¡una increíble!). Por cierto, Josh, ¿contaba esto como la respuesta a la pregunta original?
jtbandes
Es una pena que no sea el renderizador predeterminado. Varias veces me he visto obligado a usar IE para este propósito a pesar de que Chrome es mi navegador preferido. En cuanto a, ¿cómo sabrá el navegador cómo mostrar el documento? No me importa De alguna manera, IE y Firefox se dan cuenta. Tal vez algo en la hoja de estilo, conjeturas, magia ... ¡solo hazlo!
Tundey
@jtbandes: la idea del script de @Arjan van Bentem fue la mejor respuesta, ya que ayudó a crear la extensión que también he agregado como respuesta.
Josh el
4

El canal de desarrollo de Chrome ahora cuenta con un visor XML, que se invoca si el XML no tiene un XSL asociado (lo mismo ocurre con los nightlies de WebKit). Feliz visualización!

apavlov
fuente
1
¡Sip! Ha aterrizado en las versiones estables, creo. code.google.com/p/chromium/issues/detail?id=434
ken
2

He probado muchos, pero solo XV - XML ​​Viewer funciona tanto para XML normal como para RSS (si lo activa en la configuración).

John Sheehan
fuente
Eso es genial, esa opción era exactamente lo que estaba buscando.
huyz
1

No es necesario usar extensiones elegantes (que se rompen si carga un archivo XML de 1 MB).

Esta publicación es antigua, pero ahora Chrome ha reparado el error y ha agregado soporte para ver XML directamente en el navegador. Simplemente arrastre y suelte cualquier archivo XML y podrá ver la vista de árbol plegable del archivo. También es compatible con la visualización de fuentes RSS .

Suerte
fuente
0

En mi caso (respuesta de API REST de SharePoint 2013) XML Tree gana XV - Visor XML

  • perfecta coincidencia de etiquetas y resaltado al pasar el mouse
  • formato de vista de árbol intuitivo inmejorable

Funciones extra avanzadas

  • Consulta XPATH

    ingrese la descripción de la imagen aquí

(de hecho, instalé XV primero y no hizo nada con mi xml, pero el árbol XML lo balancea)

Iman Abidi
fuente