Affichage de XML dans le navigateur Chrome

65

J'aime le navigateur Chrome, mais j'utilise beaucoup le XML dans mon travail de développement et lorsque je le visualise dans Chrome, je ne reçois que le texte rendu.

Je sais que la vue source est légèrement meilleure, mais j'aimerais vraiment voir la disposition et les fonctionnalités qu'Internet Explorer ajoute au XML, à savoir:

  • Mise en évidence
  • Ouvrir / fermer les nœuds

Des idées comment je peux obtenir ceci sur Chrome?


MISE À JOUR:

L'extension XMLTree est disponible sur le site bêta de l'extension Google Chrome .

Josh
la source
1
Hmm ... euh, firefox?
RCIX
31
allez les gars - utilisez firefox les réponses ne sont pas vraiment utiles.
Josh
3
Belle extension. Pourquoi ne déplacez-vous pas votre solution dans sa propre réponse, de sorte que vous puissiez l'accepter et qu'elle puisse être votée?
Arathorn
@arathorn - J'ai maintenant ajouté le plug-in comme réponse - merci.
Josh
@ Josh: Vous ne voulez pas changer votre réponse acceptée, aussi? (Je suppose que c'est possible.)
arathorn

Réponses:

18

Je suppose que votre meilleur choix est d’utiliser un bookmarklet ou d’installer Greasemetal (qui correspond à Greasemonkey de Firefox pour Firefox), associé à un script tel que XML Tree (ancien, mais la source peut encore aider). Un script de mise en évidence de syntaxe plus générique peut également aider, mais je doute que vous en trouviez facilement un avec le pliage de code.

Notez que les espaces peuvent être importants en XML. Tous les visualiseurs XML ne respectent pas cela. la capture d'écran créée par l'arbre XML susmentionné pour l'exemple XML ne le respecte pas pour la ligne Exemple d'élément XML contenant beaucoup de texte, suffisamment pour être placé sur une ligne distincte.

(Malheureusement, jsgui.com/xml-viewer ne répond pas pendant que j'écris ceci.)

EDIT : Comment imprimer de jolis xml en javascript? on Stack Overflow a mentionné une version plus récente de XML Tree: Pretty XML Tree , utilisant XSLT et prétend être plus rapide. La démo ne répond pas à un clic dans Safari ou Firefox, mais peut être utile quand même.

Arjan
la source
merci - mets-moi sur la bonne voie. a obtenu une extension de travail basée sur le script d'arborescence xml.
Josh
@Josh, même si je n'utilise pas Chrome: merci pour le plug-in!
Arjan
j'ai mis à jour mon extension pour utiliser xslt et une idée similaire à une jolie arborescence xml - mais j'espère mieux travailler :) - laissez-moi savoir ce que vous pensez - même lien qu'auparavant.
Josh
(Je n'utilise toujours pas Chrome, mais étant donné les commentaires précédents que j'ai lus sur chromeplugins.org/google/chrome-plugins/…, je suis sûr que les gens sont heureux!)
Arjan Le
28

J'ai maintenant créé une extension simple pour ajouter cette fonctionnalité.

UPDATE voir ici pour l'extension .

Josh
la source
Pouvez-vous le faire fonctionner pour les liens de téléchargement vers des fichiers XML? Chrome n'arrête pas de me demander de sauvegarder le fichier sur le disque :(
sorin
Josh, cette extension est maintenant maintenue par quelqu'un d'autre?
Arjan
6

Autant que je sache, la limitation réside en fait dans le moteur de rendu du kit Web plutôt que dans Chrome lui-même. Je doute que le rendu XML soit correct dans Chrome avant que les extensions ne soient correctement lancées. À ce moment-là, quelqu'un sera en mesure de coder une extension de communauté pour gérer les fichiers texte / xml.

Si vous voulez une alternative à IE, le rendu XML de Firefox est plutôt bon.

Russell Heilling
la source
Soit ça, soit ils créeront simplement une extension équivalente à "IE Tab" de Firefox ou peut-être à "Firefox Tab" si vous préférez. addons.mozilla.org/en-US/firefox/addon/1419
MatrixFrog le
1
@ MatrixFrog FF-tab pour chrome, dans lequel vous pouvez exécuter IE-Tab pour FF? ; D
pavsaund
6

Si vous cliquez sur un nœud avec le bouton droit de la souris et que vous cliquez sur "Inspecter l'élément", vous devriez obtenir l' inspecteur Web WebKit , qui contient de nombreuses fonctionnalités sophistiquées, notamment ce dont vous avez besoin. cela devrait fonctionner pour XML en plus du HTML. Voici une capture d'écran de Safari, qui a le même inspecteur:

Inspecteur Web

jtbandes
la source
2
+1 cela ressemble à la réponse de l'affiche originale. Je viens de vérifier et l'option "inspect élément" est là lors de la visualisation d'un fichier XML brut. Ce serait bien s'il s'agissait de l'option de rendu par défaut pour les fichiers XML non HTML; Cependant, deux clics ne sont pas un prix à payer :)
Russell Heilling Le
très cool - juste dommage que ce ne soit pas l'option par défaut pour XML.
Josh
Ben ouais. Le problème est que le navigateur n'a aucun moyen de savoir si vous souhaitez restituer le document ou non, car XML est un support parfaitement valide pour les pages Web (par exemple, homepage.mac.com/nathan_day/pages/news.xml ). Web Inspector n'est en réalité qu'un outil de développement (un outil génial!). À propos, Josh, est-ce que cela comptait comme réponse à la question initiale?
jtbandes
C'est dommage, ce n'est pas le moteur de rendu par défaut. Plusieurs fois, j'ai été obligé d'utiliser IE à cette fin, même si Chrome est mon navigateur de prédilection. En ce qui concerne, comment le navigateur saura-t-il afficher le document? Je m'en fiche! D'une manière ou d'une autre, IE et Firefox l'ont compris. Peut-être que quelque chose dans la feuille de style, devinettes, magie ... faites-le!
Tundey
@jtbandes - l'idée de script de @Arjan van Bentem était la meilleure réponse car elle a contribué à créer l'extension que j'ai également ajoutée comme réponse.
Josh
4

Le canal de développement Chrome comporte désormais un visualiseur XML, qui est appelé si le fichier XML n’a pas de fichier XSL associé (il en va de même pour les nightlies WebKit). Bonne visualisation!

Apavlov
la source
1
Ouaip! Il a atterri dans les versions stables maintenant, je crois. code.google.com/p/chromium/issues/detail?id=434
ken
2

J'en ai essayé beaucoup, mais seul XV - XML ​​Viewer fonctionne à la fois pour les flux XML et RSS standard (si vous l'activez dans les paramètres).

John Sheehan
la source
C'est génial, cette option était exactement ce que je cherchais.
huyz
1

Pas besoin d'extensions fantaisistes (qui se brisent si vous chargez un fichier XML de 1 Mo).

Cet article est vieux, mais pour le moment, Chrome a corrigé le bogue et a ajouté la prise en charge de l'affichage de XML directement dans le navigateur. Il suffit de glisser-déposer un fichier XML pour afficher l’arborescence compressible du fichier. Il prend également en charge l'affichage des flux RSS .

Chanceux
la source
0

Dans mon cas (réponse de l'API REST SharePoint 2013), une arborescence XML remporte XV - Visionneuse XML

  • correspondance parfaite des tags et mise en surbrillance au passage de la souris
  • format d'affichage d'arbre intuitif imbattable

Fonctions extra avancées

  • Requête XPATH

    entrez la description de l'image ici

(En fait, j'ai d'abord installé XV et il n'a rien fait avec mon xml, mais l'arbre XML le fait basculer)

Iman Abidi
la source