Menampilkan XML di browser Chrome


65

Saya suka browser Chrome, tetapi saya menggunakan XML cukup banyak dalam pekerjaan pengembangan saya dan ketika saya melihatnya di Chrome saya hanya mendapatkan teks yang diberikan.

Saya tahu bahwa tampilan sumber sedikit lebih baik, tetapi saya benar-benar ingin melihat tata letak dan fungsi yang ditambahkan Internet Explorer ke XML, yaitu:

  • Menyoroti
  • Buka / tutup node

Ada ide bagaimana saya bisa mendapatkan ini di Chrome?


MEMPERBARUI:

Ekstensi XMLTree tersedia di Situs Beta Ekstensi Google Chrome .


1
Hmm ... eh, firefox?
RCIX

31
ayolah kawan - gunakan jawaban firefox tidak terlalu membantu.
Josh

3
Ekstensi yang bagus. Mengapa Anda tidak memindahkan solusi Anda ke dalam jawabannya sendiri, sehingga Anda dapat menerimanya dan dapat diunggulkan?
arathorn

@arathorn - saya sekarang telah menambahkan plug-in sebagai jawaban - terima kasih.
Josh.

@Josh: Apakah Anda tidak ingin mengubah jawaban yang Anda terima juga? (Saya berasumsi bahwa mungkin.)
Arathorn

Jawaban:


18

Saya kira taruhan terbaik Anda adalah dengan menggunakan bookmarklet atau instal Greasemetal (yang merupakan Greasemonkey untuk Chrome Firefox), dikombinasikan dengan skrip seperti XML Tree (lama, tetapi sumbernya mungkin masih membantu). Skrip penyorotan sintaksis yang lebih umum juga dapat membantu, tetapi saya ragu apakah Anda akan dengan mudah menemukannya dengan kode lipat.

Perhatikan bahwa spasi putih mungkin penting dalam XML. Tidak semua pemirsa XML menghargai itu; tangkapan layar yang dibuat oleh XML Tree yang disebutkan di atas untuk contoh XML tidak menghormatinya untuk baris. Contoh elemen XML yang mengandung banyak teks, cukup untuk diletakkan pada baris yang terpisah.

(Sayangnya jsgui.com/xml-viewer tidak merespons saat saya menulis ini.)

EDIT : Bagaimana cara mencetak xml cantik di javascript? pada Stack Overflow disebutkan versi XML Tree yang lebih baru: Pretty XML Tree , menggunakan XSLT dan mengklaim lebih cepat. Demo ini tidak menanggapi mengklik di Safari atau Firefox saya, tetapi mungkin bisa membantu.


terima kasih - menempatkan saya di jalur yang benar. mendapat ekstensi yang berfungsi berdasarkan skrip xml tree.
Josh

@Josh, meskipun saya tidak menggunakan Chrome: terima kasih untuk plug-in!
Arjan

saya telah memperbarui ekstensi saya untuk menggunakan xslt dan ide simular untuk pohon xml cantik - tapi saya harap bekerja lebih baik :) - beri tahu saya apa yang Anda pikirkan - tautan yang sama seperti sebelumnya.
Josh

(Saya masih tidak menggunakan Chrome, tetapi diberi komentar sebelumnya saya baca di chromeplugins.org/google/chrome-plugins/... Saya yakin orang-orang bahagia!)
Arjan

28

Saya sekarang telah membuat ekstensi sederhana untuk menambahkan fungsi ini.

PEMBARUAN lihat di sini untuk ekstensi .


Bisakah Anda membuatnya berfungsi untuk tautan unduhan ke file XML? Chrome terus meminta saya untuk menyimpan file ke disk :(
sorin

Josh, ekstensi itu sekarang dikelola oleh orang lain?
Arjan

6

Sejauh yang saya mengerti keterbatasan sebenarnya di mesin rendering webkit daripada di Chrome itu sendiri. Saya ragu kami akan layak rendering XML di Chrome sebelum mereka benar-benar meluncurkan ekstensi, di mana seseorang akan dapat memberi kode ekstensi komunitas untuk menangani file teks / xml.

Jika Anda ingin alternatif untuk IE, rendering XML Firefox cukup bagus.


Entah itu, atau mereka hanya akan membuat ekstensi yang setara dengan "IE Tab" Firefox, atau mungkin "Firefox Tab" jika Anda mau. addons.mozilla.org/en-US/firefox/addon/1419
MatrixFrog

1
@MatrixFrog FF-tab untuk chrome, di mana Anda dapat menjalankan IE-Tab untuk FF? ; D
pavsaund

6

Jika Anda mengklik kanan pada sebuah simpul, dan mengklik "Elemen Inspeksi", Anda harus mendapatkan WebKit Web Inspector , yang memiliki banyak fitur mewah termasuk apa yang Anda butuhkan; ini harus bekerja untuk XML selain hanya HTML. Berikut screenshot dari Safari, yang memiliki inspektur yang sama:

Inspektur Web


2
+1 ini terlihat seperti jawaban pengirim asli. Saya baru saja memeriksa dan opsi "periksa elemen" ada di sana ketika melihat file XML mentah. Alangkah baiknya jika ini adalah opsi render default untuk file XML non HTML; Namun dua klik tidak banyak dari harga yang harus dibayar :)
Russell Heilling

sangat keren - hanya memalukan itu bukan pilihan default untuk xml.
Josh

Yah begitulah. Masalahnya adalah browser tidak memiliki cara untuk mengetahui apakah Anda ingin membuat dokumen atau tidak, karena XML adalah media yang benar-benar valid untuk halaman web (misalnya, homepage.mac.com/nathan_day/pages/news.xml ). Web Inspector benar-benar hanya alat pengembang (yang luar biasa!). Ngomong-ngomong, Josh, apakah ini dianggap sebagai jawaban untuk pertanyaan awal?
jtbandes

Sayang itu bukan renderer default. Beberapa kali saya terpaksa menggunakan IE untuk tujuan ini meskipun chrome adalah browser pilihan saya. Mengenai, bagaimana browser tahu cara menampilkan dokumen? Saya tidak peduli! Entah bagaimana IE dan Firefox mencari tahu. Mungkin sesuatu di stylesheet, tebakan, sihir ... lakukan saja!
Tundey

@jtbandes - ide skrip dari @Arjan van Bentem adalah jawaban terbaik karena membantu membuat ekstensi yang saya juga tambahkan sebagai jawaban.
Josh



1

Tidak perlu untuk ekstensi mewah (Yang rusak jika Anda memuat file XML berukuran 1MB).

Posting ini sudah tua, tetapi sekarang Chrome telah memperbaiki bug dan telah menambahkan dukungan untuk melihat XML secara langsung di browser. Cukup seret dan jatuhkan file XML apa pun dan Anda dapat melihat tampilan susunan file yang dapat dilipat. Ini juga mendukung melihat umpan RSS .


0

Dalam kasus saya (tanggapan API REST SharePoint 2013) XML Tree memenangkan XV - XML ​​Viewer

  • pencocokan Tag yang sempurna dan sorot pada mouse
  • format tampilan pohon intuitif tak terkalahkan

Fitur ekstra canggih

  • Permintaan XPATH

    masukkan deskripsi gambar di sini

(sebenarnya saya menginstal XV terlebih dahulu dan tidak melakukan apa pun dengan xml saya, tetapi XML tree mengatasinya)

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.