Chrome 브라우저에서 XML 표시


65

Chrome 브라우저를 좋아하지만 개발 작업에 XML을 많이 사용하며 Chrome에서 볼 때 렌더링 된 텍스트를 얻습니다.

소스 뷰가 약간 더 낫다는 것을 알고 있지만 Internet Explorer가 XML에 추가하는 레이아웃과 기능을 실제로보고 싶습니다.

  • 강조 표시
  • 노드 열기 / 닫기

Chrome에서 어떻게 얻을 수 있습니까?


최신 정보:

XMLTree 확장 프로그램은 Chrome 확장 베타 사이트 에서 사용할 수 있습니다 .


1
흠 ... 어, 파이어 폭스?
RCIX

31
파이어 폭스 답변을 사용하는 것은 실제로 도움이되지 않습니다.
Josh

3
좋은 확장입니다. 솔루션을 자체 답변으로 옮길 수없는 이유는 무엇입니까?
arathorn

@arathorn-이제 플러그인을 답변으로 추가했습니다. 감사합니다.
Josh

@ 조쉬 : 당신도 받아 들여진 답변을 바꾸고 싶지 않습니까? (가능하다고 생각합니다.)
arathorn

답변:


18

가장 좋은 방법은 북마크를 사용하거나 Greasemetal (Chrome의 Firefox Greasemonkey)을 XML Tree 와 같은 스크립트와 함께 설치하는 것입니다 (이전 소스 는 여전히 도움이 될 수 있습니다). 보다 일반적인 구문 강조 스크립트가 도움이 될 수도 있지만 코드 접기를 사용하여 쉽게 찾을 수 있을지 의심됩니다.

공백은 XML에서 중요 할 수 있습니다. 모든 XML 뷰어가이를 존중하는 것은 아닙니다. 예제 XML에 대해 위에서 언급 한 XML 트리에 의해 생성 된 스크린 샷 은 별도의 줄에 넣을 수있을만큼 많은 텍스트를 포함하는 샘플 XML 요소에 대해서는이를 존중하지 않습니다 .

(안타깝게도 이것을 쓰는 동안 jsgui.com/xml-viewer 가 응답하지 않습니다.)

편집 : 자바 스크립트에서 예쁜 XML을 인쇄하는 방법? on Stack Overflow는 XSLT를 사용하여 최신 버전의 XML Tree : Pretty XML Tree를 언급했으며 더 빠르다고 주장했습니다. 데모는 Safari 또는 Firefox의 클릭에 응답하지 않지만 어쨌든 도움이 될 수 있습니다.


고마워요-올바른 길로 안내해주세요. XML 트리 스크립트를 기반으로 작동하는 확장 기능을 얻었습니다.
Josh

@Josh, Chrome을 사용하지 않지만 플러그인에 감사드립니다!
Arjan

나는 xslt와 예쁜 XML 트리에 대한 비슷한 아이디어를 사용하도록 내 확장을 업데이트했지만 더 잘 작동하기를 바랍니다 :)-당신이 생각하는 것을 알려주세요-이전과 같은 링크.
Josh

(나는 여전히 Chrome을 사용하고 있지 않지만 이전에 chromeplugins.org/google/chrome-plugins/ 에서 읽은 의견 이 있다면 사람들이 행복하다고 확신합니다!)
Arjan

28

이 기능을 추가하기 위해 간단한 확장을 만들었습니다.

업데이트 확장 기능여기를 참조 하십시오 .


XML 파일에 대한 링크를 다운로드 할 수 있습니까? Chrome에서 파일을 디스크에 저장하도록 요청합니다. (
sorin

조쉬, 그 확장은 이제 다른 사람에 의해 유지됩니까?
Arjan

6

내가 이해하는 한 한계는 실제로 Chrome 자체가 아닌 웹킷 렌더링 엔진에 있습니다. 확장 기능을 제대로 시작하기 전에 Chrome에서 XML 렌더링을 제대로 수행하지 않을 것입니다.이 시점에서 누군가 텍스트 / XML 파일을 처리하기 위해 커뮤니티 확장을 코딩 할 수 있습니다.

IE에 대한 대안을 원한다면 Firefox의 XML 렌더링이 좋습니다.


또는 Firefox의 "IE Tab"또는 "Firefox Tab"과 동등한 확장명을 작성합니다. addons.mozilla.org/en-US/firefox/addon/1419
MatrixFrog

1
크롬에 대한 @MatrixFrog FF-tab, FF에 대해 IE-Tab을 실행할 수 있습니까? ; D
pavsaund

6

노드를 마우스 오른쪽 버튼으로 클릭하고 "요소 검사"를 클릭하면 WebKit Web Inspector가 나타납니다 . 여기에는 필요한 것을 포함하여 많은 멋진 기능이 있습니다. 이것은 HTML뿐만 아니라 XML에서도 작동합니다. 다음은 동일한 관리자가있는 Safari의 스크린 샷입니다.

웹 검사기


2
+1 이것은 원래 포스터의 답변처럼 보입니다. 방금 확인했으며 원시 XML 파일을 볼 때 "요소 검사"옵션이 있습니다. 이것이 비 HTML XML 파일의 기본 렌더링 옵션이라면 좋을 것입니다. 그러나 두 번의 클릭으로 많은 비용이 지불되지는 않습니다 :)
Russell Heilling

매우 시원합니다-XML의 기본 옵션이 아닌 수치입니다.
Josh

그래 문제는 XML이 웹 페이지 (예 : homepage.mac.com/nathan_day/pages/news.xml )에 대해 완벽하게 유효한 매체이기 때문에 브라우저가 문서를 렌더링할지 여부를 알 수있는 방법이 없다는 것 입니다. Web Inspector는 실제로 개발자 도구 일뿐입니다 (굉장한 도구입니다). 그건 그렇고, 조쉬, 이것이 원래 질문에 대한 대답으로 계산 되었습니까?
jtbandes

기본 렌더러가 아닌 것은 부끄러운 일입니다. 크롬이 내가 선택한 브라우저이지만 여러 번이 목적으로 IE를 사용해야했습니다. 관련하여 브라우저는 문서를 표시하는 방법을 어떻게 알 수 있습니까? 상관 없어요! 어떻게 든 IE와 Firefox가 알아 냈습니다. 어쩌면 스타일 시트, 추측, 마술에 뭔가가있을 것입니다!
Tundey

@jtbandes-@Arjan van Bentem의 스크립트 아이디어는 내가 답변으로 추가 한 확장 프로그램을 만드는 데 도움이되었으므로 가장 좋은 답변이었습니다.
Josh


2

많은 것을 시도했지만 XV — XML 뷰어 만 일반 XML 및 RSS 피드에서 작동합니다 (설정에서 설정 한 경우).


훌륭합니다. 옵션은 내가 찾던 것입니다.
huyz

1

멋진 확장이 필요하지 않습니다 (1MB 크기의 XML 파일을로드하면 중단됩니다).

이 게시물은 오래되었지만 현재 Chrome 에서 버그수정 했으며 브라우저에서 XML을 직접 볼 수있는 기능을 추가했습니다. XML 파일을 끌어서 놓기 만하면 파일 의 축소 가능한 트리보기를 볼 수 있습니다. 또한 RSS 피드 보기를 지원 합니다 .


0

필자의 경우 (SharePoint 2013 REST API 응답) XML 트리 에서 XV 우승 -XML 뷰어

  • 마우스 오버시 완벽한 태그 매칭 및 하이라이트
  • 탁월한 직관적 트리 뷰 형식

추가 고급 기능

  • XPATH 쿼리

    여기에 이미지 설명을 입력하십시오

(실제로 XV를 먼저 설치했는데 XML로 아무것도하지 않았지만 XML 트리가 그것을 흔들 었습니다)

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.