Отображение XML в браузере Chrome

62

Мне нравится браузер Chrome, но я довольно часто использую XML в своей работе по разработке, и когда я просматриваю его в Chrome, я просто получаю отрендеренный текст.

Я знаю, что исходный вид немного лучше, но мне бы очень хотелось увидеть макет и функциональность, которые Internet Explorer добавляет в XML, а именно:

  • Выделив
  • Открыть / закрыть узлы

Любые идеи, как я могу получить это на Chrome?


ОБНОВИТЬ:

Расширение XMLTree доступно на Бета-сайт расширения Google Chrome ,

Josh
источник
1
Хм ... ах, Firefox?
RCIX
30
давай, ребята - используйте Firefox ответы не очень полезны.
Josh
3
Хорошее продолжение. Почему бы вам не перенести свое решение в его собственный ответ, чтобы вы могли принять его и проголосовать за него?
arathorn
@arathorn - я добавил плагин в качестве ответа - спасибо.
Josh
@ Джош: Разве ты не хочешь изменить свой принятый ответ? (Я предполагаю, что это возможно.)
arathorn

Ответы:

18

Я думаю, что вам лучше всего использовать букмарклет или установить Greasemetal (это Greasemonkey для Chrome в Firefox) в сочетании с таким скриптом, как Дерево XML (старый, но источник может еще помочь). Также может помочь более общий сценарий подсветки синтаксиса, но я сомневаюсь, что вы легко найдете его со свертыванием кода.

Обратите внимание, что пробел может иметь значение в XML. Не все зрители XML уважают это; скриншот созданный вышеупомянутым деревом XML для пример XML не уважает это за линию Образец XML-элемента, содержащий много текста, достаточно поместить в отдельную строку.

(К несчастью jsgui.com/xml-viewer не отвечает, пока я пишу это.)

РЕДАКТИРОВАТЬ : Как распечатать довольно XML в Javascript? В Stack Overflow упоминается более новая версия XML Tree: Красивое дерево XML , используя XSLT и утверждает, что быстрее. Демо не реагирует на нажатия в моем Safari или Firefox, но может быть полезно в любом случае.

Arjan
источник
спасибо - поставь меня на правильный путь. получил рабочее расширение на основе скрипта дерева xml.
Josh
@ Джош, хотя я не использую Chrome: спасибо за плагин!
Arjan
Я обновил свое расширение, чтобы использовать xslt и идею, аналогичную хорошему дереву xml - но я надеюсь работать лучше :) - дайте мне знать, что вы думаете - та же ссылка, что и раньше.
Josh
(Я до сих пор не использую Chrome, но, учитывая предыдущие комментарии, которые я читал в chromeplugins.org/google/chrome-plugins/... Я уверен, что люди счастливы!)
Arjan
27

Я сейчас создал простое расширение, чтобы добавить эту функциональность.

ОБНОВИТЬ увидеть здесь для расширения ,

Josh
источник
Можете ли вы заставить его работать для ссылок на скачивание файлов XML? Chrome постоянно просит меня сохранить файл на диск :(
sorin
Джош, это расширение сейчас поддерживается кем-то другим?
Arjan
6

Насколько я понимаю, это ограничение на самом деле в движке рендеринга webkit, а не в самом Chrome. Я сомневаюсь, что мы будем прилично отрисовывать XML в Chrome, прежде чем они должным образом запустят расширения, когда кто-то сможет кодировать расширение сообщества для обработки текстовых / XML-файлов.

Если вам нужна альтернатива IE, Firefox-рендеринг XML довольно хорош.

Russell Heilling
источник
Либо так, либо они просто создадут расширение, эквивалентное Firefox «IE Tab», или, возможно, «Firefox Tab», если хотите. addons.mozilla.org/en-US/firefox/addon/1419
MatrixFrog
1
@MatrixFrog FF-вкладка для Chrome, в которой вы можете запустить IE-Tab для FF? ; D
pavsaund
6

Если вы щелкнете правой кнопкой мыши по узлу и нажмете «Проверить элемент», вы должны получить WebKit Веб-инспектор , который имеет множество интересных функций, в том числе то, что вам нужно; это должно работать для XML в дополнение только к HTML. Вот скриншот из Safari, в котором есть тот же инспектор:

Web Inspector

jtbandes
источник
2
+1 это похоже на оригинальный ответ автора. Я только что проверил, и при просмотре необработанного XML-файла есть опция «проверить элемент». Было бы неплохо, если бы это была опция рендеринга по умолчанию для не HTML-файлов XML; однако два клика не так уж много, чтобы заплатить :)
Russell Heilling
очень круто - просто позор это не вариант по умолчанию для XML.
Josh
Ну, да. Проблема в том, что браузер не может узнать, хотите ли вы, чтобы он отображал документ, или нет, так как XML является совершенно допустимым средством для веб-страниц (например, homepage.mac.com/nathan_day/pages/news.xml ). Веб-инспектор действительно просто инструмент для разработчиков (потрясающий!). Кстати, Джош, это считалось ответом на первоначальный вопрос?
jtbandes
Это позор, это не рендерер по умолчанию. Несколько раз я был вынужден использовать IE для этой цели, хотя Chrome - мой любимый браузер. Что касается того, как браузер узнает, как отобразить документ? Мне все равно! Каким-то образом IE и Firefox это понимают. Может быть, что-то в таблице стилей, догадки, магия ... просто сделай это!
Tundey
@jtbandes - идеей сценария от @Arjan van Bentem был лучший ответ, поскольку он помог создать расширение, которое я также добавил в качестве ответа.
Josh
4

Канал разработчика Chrome теперь имеет средство просмотра XML, которое вызывается, если у XML нет ассоциированного XSL (то же самое верно для ночных WebKit). Приятного просмотра!

apavlov
источник
1
Ага! Я верю, что он попал в стабильные релизы. code.google.com/p/chromium/issues/detail?id=434
ken
2

Я перепробовал много, но только XV - XML ​​Viewer работает как для обычных XML, так и для RSS-каналов (если вы включите его в настройках).

John Sheehan
источник
Здорово, этот вариант был именно тем, что я искал.
huyz
1

Не нужно модных расширений (что ломается, если вы загружаете XML-файл размером 1 МБ).

Этот пост старый, но сейчас у Chrome есть исправил ошибку и добавил поддержку просмотра XML прямо в браузере. Просто перетащите любой XML-файл и вы можете увидеть разборное древовидное представление файла. Он также поддерживает просмотр RSS-каналы ,

Lucky
источник
0

В моем случае (ответ API REST SharePoint 2013) XML Tree победы XV - XML ​​Viewer

  • идеальное совпадение тегов и выделение при наведении мыши
  • непревзойденный интуитивно понятный формат дерева

Дополнительные расширенные функции

  • Запрос XPATH

    enter image description here

(на самом деле я сначала установил XV, и он ничего не сделал с моим xml, но дерево XML его качает)

Iman Abidi
источник