web-dev-qa-db-fra.com

Affichage de XML dans le navigateur Chrome

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 ajoutées par Internet Explorer à XML, à savoir:

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

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

UPDATE:

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

google-chromedisplayxml
64
Josh

Je suppose que votre meilleur choix est d’utiliser un bookmarklet ou d’installer Greasemetal (qui correspond à Firefox 'Greasemonkey pour Chrome), associé à un script tel que XML ​​Tree (ancien, mais la source peut encore Aidez-moi). 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 la respecte pas pour la ligne Exemple d'élément XML contenant beaucoup de texte, suffisant 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.

18
Arjan

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

UPDATEvoir ici pour l'extension .

28
Josh

Si vous cliquez sur un nœud avec le bouton droit de la souris et que vous cliquez sur "Inspecter un élément", vous devez obtenir le WebKit Web Inspector , 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:

Web Inspector

6
jtbandes

Autant que je sache, la limitation réside en réalité 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.

6
Russell Heilling

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

4
apavlov

J'ai essayé plusieurs, mais seulement XV - XML ​​Viewer fonctionne pour les flux XML et RSS standard (si vous l'activez dans les paramètres).

2
John Sheehan

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

Cet article est ancien, mais à l'heure actuelle, Google Chrome a corrigé le bogue et a pris en charge l'affichage de XML directement dans le navigateur. Il suffit de glisser et de déposer un fichier XML pour afficher l'arborescence compressible du fichier. Il prend également en charge l'affichage _ { flux RSS } _.

1
Lucky

Dans mon cas (réponse de l'API SharePoint 2013 REST _)Arbre XMLgagne 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

     enter image description here

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

0
Iman Abidi