Hiển thị XML trong trình duyệt Chrome


65

Tôi yêu trình duyệt Chrome, nhưng tôi sử dụng XML khá nhiều trong công việc phát triển của mình và khi tôi xem nó trong Chrome, tôi chỉ nhận được văn bản hiển thị.

Tôi biết rằng chế độ xem nguồn tốt hơn một chút, nhưng tôi thực sự muốn xem bố cục và chức năng mà Internet Explorer thêm vào XML, cụ thể là:

  • Làm nổi bật
  • Nút mở / đóng

Bất kỳ ý tưởng làm thế nào tôi có thể có được điều này trên Chrome?


CẬP NHẬT:

Tiện ích mở rộng XMLTree có sẵn trên Trang web Beta của Google Chrome .


1
Hmm ... uh, firefox?
RCIX

31
Thôi nào các bạn - sử dụng câu trả lời firefox không thực sự hữu ích.
Josh

3
Mở rộng đẹp. Tại sao bạn không chuyển giải pháp của mình vào câu trả lời của riêng mình, để bạn có thể chấp nhận nó và nó có thể được nâng cấp?
arathorn

@arathorn - Bây giờ tôi đã thêm trình cắm dưới dạng câu trả lời - cảm ơn.
Josh

@Josh: Bạn cũng không muốn thay đổi câu trả lời được chấp nhận của mình chứ? (Tôi cho rằng điều đó là có thể.)
arathorn

Câu trả lời:


18

Tôi đoán rằng cách tốt nhất của bạn là sử dụng bookmarklet hoặc cài đặt Greasemetal (là Greasemonkey của Firefox cho Chrome), kết hợp với một tập lệnh như XML Tree (cũ, nhưng nguồn vẫn có thể trợ giúp). Một kịch bản tô sáng cú pháp chung chung hơn cũng có thể có ích, nhưng tôi nghi ngờ liệu bạn có dễ dàng tìm thấy một đoạn mã có mã gấp không.

Lưu ý rằng khoảng trắng có thể quan trọng trong XML. Không phải tất cả người xem XML đều tôn trọng điều đó; ảnh chụp màn hình được tạo bởi Cây XML đã nói ở trên cho ví dụ XML không tôn trọng nó đối với dòng Phần tử XML mẫu có chứa nhiều văn bản, đủ để được đặt trên một dòng riêng biệt.

(Thật không may jsgui.com/xml-viewer không phản hồi trong khi tôi viết bài này.)

EDIT : Làm thế nào để in xml đẹp trong javascript? trên Stack Overflow đã đề cập đến một phiên bản mới hơn của XML Tree: Pretty XML Tree , sử dụng XSLT và tuyên bố là nhanh hơn. Bản demo không đáp ứng với việc nhấp vào Safari hoặc Firefox của tôi, nhưng dù sao cũng có thể hữu ích.


cảm ơn - đưa tôi đi đúng hướng có một phần mở rộng làm việc dựa trên tập lệnh cây xml.
Josh

@Josh, mặc dù tôi không sử dụng Chrome: cảm ơn vì plugin!
Arjan

Tôi đã cập nhật tiện ích mở rộng của mình để sử dụng xslt và một ý tưởng mô phỏng thành cây xml đẹp - nhưng tôi hy vọng sẽ hoạt động tốt hơn :) - hãy cho tôi biết những gì bạn nghĩ - tương tự như trước đây.
Josh

(Tôi vẫn không sử dụng Chrome, nhưng với các ý kiến trước đó tôi đọc ở chromeplugins.org/google/chrome-plugins/... tôi chắc chắn rằng mọi người đều hạnh phúc!)
Arjan

28

Bây giờ tôi đã tạo một phần mở rộng đơn giản để thêm chức năng này.

CẬP NHẬT xem ở đây để mở rộng .


Bạn có thể làm cho nó hoạt động để tải liên kết đến các tệp XML không? Chrome liên tục yêu cầu tôi lưu tệp vào đĩa :(
sorin

Josh, phần mở rộng đó bây giờ được duy trì bởi người khác?
Arjan

6

Theo như tôi hiểu thì giới hạn thực sự nằm ở công cụ kết xuất webkit chứ không phải trong chính Chrome. Tôi nghi ngờ chúng tôi sẽ kết xuất XML trong Chrome trước khi chúng khởi chạy các tiện ích mở rộng một cách chính xác, tại thời điểm đó ai đó sẽ có thể mã hóa tiện ích mở rộng cộng đồng để xử lý các tệp văn bản / xml.

Nếu bạn muốn một giải pháp thay thế cho IE, kết xuất XML của Firefox là khá tốt.


Dù vậy, hoặc họ sẽ chỉ tạo một tiện ích mở rộng tương đương với "Thẻ IE" của Firefox hoặc có lẽ là "Thẻ Firefox" nếu bạn muốn. addons.mozilla.org/en-US/firefox/addon/1419
MatrixFrog

1
@MatrixFrog FF-tab cho chrome, trong đó bạn có thể chạy IE-Tab cho FF? ; D
pavsaund

6

Nếu bạn nhấp chuột phải vào một nút và nhấp vào "Kiểm tra phần tử", bạn sẽ nhận được Trình kiểm tra WebKit , có nhiều tính năng ưa thích bao gồm những gì bạn cần; cái này sẽ hoạt động với XML ngoài HTML. Đây là một ảnh chụp màn hình từ Safari, có cùng thanh tra:

Thanh tra web


2
+1 này giống như câu trả lời của người đăng ban đầu. Tôi vừa kiểm tra và tùy chọn "kiểm tra phần tử" ở đó khi xem tệp XML thô. Sẽ thật tuyệt nếu đây là tùy chọn kết xuất mặc định cho các tệp XML không phải HTML; tuy nhiên hai lần nhấp không phải là quá nhiều để trả :)
Russell Heilling

rất tuyệt - thật đáng tiếc, đây không phải là tùy chọn mặc định cho xml.
Josh

À vâng. Vấn đề là trình duyệt không có cách nào để biết bạn có muốn nó hiển thị tài liệu hay không, vì XML là phương tiện hoàn toàn hợp lệ cho các trang web (ví dụ: home.mac.com/nathan_day/pages/news.xml ). Web Inspector thực sự chỉ là một công cụ dành cho nhà phát triển (một công cụ tuyệt vời!). Nhân tiện, Josh, đây có phải là câu trả lời cho câu hỏi ban đầu không?
jtbandes

Thật đáng tiếc, nó không phải là trình kết xuất mặc định. Đã nhiều lần tôi buộc phải sử dụng IE cho mục đích này mặc dù chrome là trình duyệt tôi chọn. Liên quan, làm thế nào trình duyệt sẽ biết cách hiển thị tài liệu? Tôi không quan tâm! Bằng cách nào đó IE và Firefox tìm ra nó. Có lẽ một cái gì đó trong bản định kiểu, phỏng đoán, ma thuật ... chỉ cần làm điều đó!
Tundey

@jtbandes - ý tưởng kịch bản từ @Arjan van Bentem là câu trả lời hay nhất vì nó giúp tạo ra phần mở rộng mà tôi cũng đã thêm vào như một câu trả lời.
Josh


2

Tôi đã thử nhiều, nhưng chỉ XV - Trình xem XML hoạt động cho cả nguồn cấp dữ liệu XML và RSS thông thường (nếu bạn bật nó trong cài đặt).


Thật tuyệt vời, lựa chọn đó chính xác là những gì tôi đang tìm kiếm.
huyz

1

Không cần các tiện ích mở rộng ưa thích (Sẽ phá vỡ nếu bạn tải tệp XML có kích thước 1MB).

Bài đăng này đã cũ, nhưng hiện tại Chrome đã sửa lỗi và đã thêm hỗ trợ để xem XML trực tiếp trong trình duyệt. Chỉ cần kéo và thả bất kỳ tệp XML nào và bạn có thể thấy chế độ xem dạng cây có thể thu gọn của tệp. Nó cũng hỗ trợ xem các nguồn cấp RSS .


0

Trong trường hợp của tôi (phản hồi API REST của SharePoint 2013) Cây XML thắng XV - Trình xem XML

  • kết hợp thẻ hoàn hảo và tô sáng trên chuột
  • định dạng xem cây trực quan không thể đánh bại

Các tính năng nâng cao

  • Truy vấn XPath

    nhập mô tả hình ảnh ở đây

(trên thực tế tôi đã cài đặt XV trước và nó không làm gì với xml của tôi, nhưng cây XML làm rung chuyển nó)

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.