Wyświetlanie XML w przeglądarce Chrome

65

Uwielbiam przeglądarkę Chrome, ale w pracach programistycznych bardzo często używam XMLa, a kiedy przeglądam go w Chrome, dostaję renderowany tekst.

Wiem, że widok źródłowy jest nieco lepszy, ale naprawdę chciałbym zobaczyć układ i funkcje, które Internet Explorer dodaje do XML, a mianowicie:

  • Wyróżnianie
  • Otwórz / zamknij węzły

Wszelkie pomysły, jak mogę to uzyskać w Chrome?


AKTUALIZACJA:

Rozszerzenie XMLTree jest dostępne w witrynie Google Chrome Extension Beta .

Josh
źródło
1
Hmm ... uh, Firefox?
RCIX
31
chodźcie chłopaki - użycie firefoxa nie jest tak naprawdę pomocne.
Josh
3
Ładne rozszerzenie. Dlaczego nie przeniesiesz swojego rozwiązania do własnej odpowiedzi, abyś mógł je zaakceptować i by można je było pozytywnie ocenić?
arathorn
@arathorn - dodałem wtyczkę jako odpowiedź - dzięki.
Josh
@Josh: Nie chcesz również zmienić swojej zaakceptowanej odpowiedzi? (Zakładam, że to możliwe.)
arathorn

Odpowiedzi:

18

Myślę, że najlepszym rozwiązaniem jest użycie bookmarkletu lub zainstalowanie Greasemetal (który jest Greasemonkey dla przeglądarki Firefox) w połączeniu ze skryptem takim jak Drzewo XML (stare, ale źródło nadal może pomóc). Pomocniejszy może być również bardziej ogólny skrypt wyróżniający składnię, ale wątpię, czy łatwo znajdziesz taki ze składaniem kodu.

Pamiętaj, że spacje mogą mieć znaczenie w XML. Nie wszystkie przeglądarki XML szanują to; zrzut ekranu utworzony przez wyżej wspomniane Drzewo XML na przykład XML nie uwzględnia go w wierszu Przykładowy element XML zawierający dużo tekstu, wystarczający do umieszczenia w osobnym wierszu.

(Niestety, jsgui.com/xml-viewer nie odpowiada podczas pisania tego.)

EDYCJA : Jak wydrukować ładny xml w javascript? na Stack Overflow wspomniał o nowszej wersji XML Tree: Pretty XML Tree , używającej XSLT i twierdzi, że jest szybszy. Demo nie reaguje na kliknięcie w moim Safari lub Firefox, ale i tak może być pomocne.

Arjan
źródło
dzięki - postaw mnie na właściwej drodze. mam działające rozszerzenie oparte na skrypcie drzewa xml.
Josh
@Josh, chociaż nie używam Chrome: dziękuję za wtyczkę!
Arjan
zaktualizowałem moje rozszerzenie, aby używało xslt i podobny pomysł do ładnego drzewa xml - ale mam nadzieję, że zadziała lepiej :) - daj mi znać, co myślisz - taki sam link jak poprzednio.
Josh
(Nadal nie używam Chrome, ale biorąc pod uwagę wcześniejsze komentarze, które przeczytałem na chromeplugins.org/google/chrome-plugins/… Jestem pewien, że ludzie są zadowoleni!)
Arjan
28

Utworzyłem teraz proste rozszerzenie, aby dodać tę funkcjonalność.

AKTUALIZACJA patrz tutaj dla rozszerzenia .

Josh
źródło
Czy możesz sprawić, by działało w przypadku linków do plików XML? Chrome wciąż prosi mnie o zapisanie pliku na dysku :(
sorin,
Josh, to rozszerzenie jest teraz obsługiwane przez kogoś innego?
Arjan
6

O ile rozumiem, ograniczenie dotyczy silnika renderowania webkitów, a nie samego Chrome. Wątpię, czy będziemy porządnie renderować XML w Chrome, zanim poprawnie uruchomią rozszerzenia, w którym to czasie ktoś będzie mógł kodować rozszerzenie społeczności do obsługi plików tekstowych / xml.

Jeśli szukasz alternatywy dla IE, renderowanie XML w Firefox jest całkiem dobre.

Russell Heilling
źródło
Albo to, albo utworzą rozszerzenie odpowiadające „IE Tab” Firefoksa, a może „Firefox Tab”, jeśli wolisz. addons.mozilla.org/en-US/firefox/addon/1419
MatrixFrog
1
@MatrixFrog FF-tab dla chrome, w którym możesz uruchomić IE-Tab dla FF? ; D
pavsaund
6

Jeśli klikniesz prawym przyciskiem myszy węzeł i klikniesz „Inspect Element”, powinieneś dostać WebKit Web Inspector , który ma wiele fantazyjnych funkcji, w tym to, czego potrzebujesz; to powinno działać dla XML oprócz samego HTML. Oto zrzut ekranu z Safari, który ma tego samego inspektora:

Inspektor sieci

jtbandes
źródło
2
+1 to wygląda na odpowiedź oryginalnego plakatu. Właśnie sprawdziłem, a opcja przeglądania elementu jest dostępna podczas przeglądania surowego pliku XML. Byłoby miło, gdyby była to domyślna opcja renderowania plików XML innych niż HTML; jednak dwa kliknięcia nie są zbyt
wysoką
bardzo fajnie - szkoda, że ​​nie jest to domyślna opcja dla xml.
Josh
No tak. Problem polega na tym, że przeglądarka nie ma możliwości sprawdzenia, czy chcesz wyrenderować dokument, czy nie, ponieważ XML jest całkowicie poprawnym medium dla stron internetowych (na przykład homepage.mac.com/nathan_day/pages/news.xml ). Inspektor sieci to tak naprawdę narzędzie programistyczne (niesamowite!). Nawiasem mówiąc, Josh, czy to się liczyło jako odpowiedź na pierwotne pytanie?
jtbandes
Szkoda, że ​​nie jest to domyślny renderer. Kilka razy byłem zmuszony używać IE do tego celu, mimo że moją przeglądarką jest chrome. Jeśli chodzi o to, w jaki sposób przeglądarka będzie wiedzieć, jak wyświetlić dokument? Nie obchodzi mnie to! Jakoś IE i Firefox to rozgryzają. Może coś w arkuszu stylów, zgadywanie, magia ... po prostu zrób to!
Tundey,
@jtbandes - pomysł na skrypt autorstwa @Arjan van Bentem był najlepszą odpowiedzią, ponieważ pomógł stworzyć rozszerzenie, które również dodałem jako odpowiedź.
Josh
4

Kanał deweloperski Chrome zawiera teraz przeglądarkę XML, która jest wywoływana, jeśli XML nie ma powiązanego XSL (to samo dotyczy nightlies WebKit). Miłego oglądania!

apawłow
źródło
1
Tak! Wydaje mi się, że trafił do stabilnych wersji. code.google.com/p/chromium/issues/detail?id=434
ken
2

Próbowałem wielu, ale tylko XV - XML ​​Viewer działa zarówno dla zwykłych kanałów XML, jak i RSS (jeśli włączysz go w ustawieniach).

John Sheehan
źródło
To świetnie, ta opcja była dokładnie tym, czego szukałem.
huyz
1

Nie potrzebujesz fantazyjnych rozszerzeń (które psują się, jeśli załadujesz plik XML o rozmiarze 1 MB).

Ten post jest stary, ale teraz Chrome naprawił błąd i dodał obsługę przeglądania XML bezpośrednio w przeglądarce. Po prostu przeciągnij i upuść dowolny plik XML , aby zobaczyć składany widok drzewa pliku. Obsługuje również przeglądanie kanałów RSS .

Szczęściarz
źródło
0

W moim przypadku (odpowiedź API REST programu SharePoint 2013) Drzewo XML wygrywa XV - Przeglądarka XML

  • idealne dopasowanie tagów i wyróżnianie myszką
  • bezkonkurencyjny intuicyjny format widoku drzewa

Dodatkowe zaawansowane funkcje

  • Zapytanie XPATH

    wprowadź opis zdjęcia tutaj

(w rzeczywistości najpierw zainstalowałem XV i nie zrobiłem nic z moim xml, ale drzewo XML go kołysze)

Iman Abidi
źródło