Visualizzazione XML nel browser Chrome

65

Adoro il browser Chrome, ma uso molto XML nel mio lavoro di sviluppo e quando lo visualizzo in Chrome ottengo solo il testo renderizzato.

So che la vista sorgente è leggermente migliore, ma mi piacerebbe davvero vedere il layout e la funzionalità che Internet Explorer aggiunge a XML, vale a dire:

  • evidenziando
  • Apri / chiudi nodi

Qualche idea su come posso ottenerlo su Chrome?

AGGIORNARE:

L'estensione XMLTree è disponibile sul sito beta dell'estensione Google Chrome .

google-chrome  display  xml 
— Josh
fonte
1
Uhm ... Firefox?
— RCIX,
31
Forza ragazzi - usate le risposte di firefox non sono davvero utili.
— Josh,
3
Bella estensione. Perché non sposti la tua soluzione nella sua risposta, così puoi accettarla e può essere votata a fondo?
— Arathorn,
@arathorn - ora ho aggiunto il plug-in come risposta - grazie.
— Josh,
@Josh: Non vuoi cambiare anche la tua risposta accettata? (Suppongo sia possibile.)
— Arathorn,

Risposte:

18

Immagino che la tua scommessa migliore sia usare un bookmarklet o installare Greasemetal (che è Greasemonkey di Firefox per Chrome), combinato con uno script come XML Tree (vecchio, ma la fonte potrebbe ancora aiutare). Può essere utile anche uno script di evidenziazione della sintassi più generico, ma dubito che ne troverai facilmente uno con la piegatura del codice.

Si noti che gli spazi bianchi potrebbero essere importanti in XML. Non tutti i visualizzatori XML lo rispettano; lo screenshot creato dal suddetto albero XML per l'esempio XML non lo rispetta per la riga Esempio di elemento XML contenente molto testo, abbastanza per essere inserito in una riga separata.

(Purtroppo jsgui.com/xml-viewer non risponde mentre scrivo questo.)

EDIT : Come stampare abbastanza xml in JavaScript? su Stack Overflow ha menzionato una versione più recente di XML Tree: Pretty XML Tree , usando XSLT e afferma di essere più veloce. La demo non risponde ai clic su Safari o Firefox, ma può essere comunque utile.

— Arjan
fonte
grazie - mettimi sulla buona strada. ha un'estensione funzionante basata sullo script dell'albero xml.
— Josh,
@Josh, anche se non sto usando Chrome: grazie per il plug-in!
— Arjan,
ho aggiornato la mia estensione per usare xslt e un'idea simile al grazioso albero xml - ma spero di lavorare meglio :) - fatemi sapere cosa ne pensate - lo stesso link di prima.
— Josh,
(Non sto ancora usando Chrome, ma visti i commenti precedenti che ho letto su chromeplugins.org/google/chrome-plugins/… sono sicuro che le persone sono felici!)
— Arjan,
28

Ora ho creato una semplice estensione per aggiungere questa funzionalità.

AGGIORNA vedi qui per l'estensione .

— Josh
fonte
Riesci a farlo funzionare per i link per il download di file XML? Chrome continua a chiedermi di salvare il file su disco :(
— sorin
Josh, quell'estensione è ora gestita da qualcun altro?
— Arjan,
6

Per quanto ho capito, la limitazione è in realtà nel motore di rendering webkit piuttosto che in Chrome stesso. Dubito che renderemo decente il rendering XML in Chrome prima che avviino correttamente le estensioni, a quel punto qualcuno sarà in grado di codificare un'estensione della comunità per gestire i file di testo / xml.

Se vuoi un'alternativa a IE, il rendering Firefox di XML è abbastanza buono.

— Russell Heilling
fonte
O quello, o semplicemente creeranno un'estensione equivalente a "IE Tab" di Firefox, o forse "Firefox Tab", se vuoi. addons.mozilla.org/en-US/firefox/addon/1419
— MatrixFrog
1
@MatrixFrog FF-tab per Chrome, in cui è possibile eseguire IE-Tab per FF? ; D
— pavsaund,
6

Se fai clic con il pulsante destro del mouse su un nodo e fai clic su "Ispeziona elemento", dovresti ottenere WebKit Web Inspector , che ha molte funzioni fantasiose tra cui ciò di cui hai bisogno; questo dovrebbe funzionare per XML oltre al solo HTML. Ecco uno screenshot di Safari, che ha lo stesso ispettore:

Ispettore Web

— jtbandes
fonte
2
+1 questa sembra la risposta del poster originale. Ho appena controllato e l'opzione "Ispeziona elemento" è presente quando si visualizza un file XML non elaborato. Sarebbe bello se questa fosse l'opzione di rendering predefinita per i file XML non HTML; tuttavia due clic non è un prezzo così alto da pagare :)
— Russell Heilling,
molto bello - solo un peccato non è l'opzione predefinita per XML.
— Josh,
Bene sì. Il problema è che il browser non ha modo di sapere se si desidera renderizzare il documento o meno, poiché XML è un mezzo perfettamente valido per le pagine Web (ad esempio homepage.mac.com/nathan_day/pages/news.xml ). Web Inspector è in realtà solo uno strumento di sviluppo (fantastico!). A proposito, Josh, contava come la risposta alla domanda originale?
— jtbandes
È un peccato che non sia il renderer predefinito. Diverse volte sono stato costretto a utilizzare IE per questo scopo, anche se Chrome è il mio browser preferito. Per quanto riguarda, come farà il browser a sapere come visualizzare il documento? Non mi interessa! In qualche modo IE e Firefox lo capiscono. Forse qualcosa nel foglio di stile, congetture, magia ... fallo e basta!
— Tundey,
@jtbandes: l'idea dello script di @Arjan van Bentem è stata la risposta migliore in quanto ha contribuito a creare l'estensione che ho anche aggiunto come risposta.
— Josh,
2

Ne ho provati molti, ma solo XV - XML ​​Viewer funziona sia per i normali feed XML che RSS (se lo attivi nelle impostazioni).

— John Sheehan
fonte
È fantastico, quell'opzione era esattamente quello che stavo cercando.
— huyz,
1

Non sono necessarie estensioni fantasiose (che si interrompono se si carica un file XML delle dimensioni di 1 MB).

Questo post è vecchio, ma in questo momento Chrome ha corretto il bug e ha aggiunto il supporto per la visualizzazione di XML direttamente nel browser. Basta trascinare e rilasciare qualsiasi file XML e puoi vedere la vista ad albero comprimibile del file. Supporta anche la visualizzazione di feed RSS .

— Fortunato
fonte
0

Nel mio caso (risposta API REST di SharePoint 2013) XML Tree vince XV - XML ​​Viewer

  • perfetta corrispondenza dei tag ed evidenziazione al passaggio del mouse
  • imbattibile formato di visualizzazione ad albero intuitivo

Funzionalità extra avanzate

  • Query XPATH

    inserisci qui la descrizione dell'immagine

(in effetti ho installato prima XV e non ha fatto nulla con il mio XML, ma l'albero XML lo scuote)

— Iman Abidi
fonte
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.