การแสดง XML ในเบราว์เซอร์ Chrome


65

ฉันชอบเบราว์เซอร์ Chrome แต่ฉันใช้ XML ค่อนข้างมากในงานพัฒนาของฉันและเมื่อฉันดูใน Chrome ฉันเพิ่งได้รับข้อความที่แสดงผล

ฉันรู้ว่ามุมมองแหล่งข้อมูลนั้นดีขึ้นเล็กน้อย แต่ฉันอยากเห็นรูปแบบและฟังก์ชันการทำงานที่ Internet Explorer เพิ่มเข้ากับ XML กล่าวคือ:

  • ไฮไลต์
  • เปิด / ปิดโหนด

มีความคิดใดบ้างที่ฉันจะได้รับบน Chrome


UPDATE:

ส่วนต่อขยาย XMLTree มีอยู่ในส่วนต่อขยายของ Google Chrome Beta เว็บไซต์


1
อืม ... เอ่อ Firefox?
RCIX

31
มากับพวก - ใช้คำตอบของ Firefox ไม่ได้มีประโยชน์จริงๆ
34929 Josh Josh

3
ส่วนขยายที่ดี ทำไมคุณไม่ย้ายโซลูชันของคุณไปเป็นคำตอบของตัวเองเพื่อให้คุณสามารถยอมรับและแก้ไขได้?
arathorn

@arathorn - ฉันได้เพิ่มปลั๊กอินเป็นคำตอบแล้ว - ขอบคุณ
Josh

@Josh: คุณไม่ต้องการเปลี่ยนคำตอบที่ยอมรับใช่ไหม (ผมคิดว่าเป็นไปได้.)
arathorn

คำตอบ:


18

ฉันเดาว่าทางออกที่ดีที่สุดของคุณคือการใช้ bookmarklet หรือติดตั้งGreasemetal (ซึ่งเป็น Greasemonkey ของ Firefox สำหรับ Chrome) รวมกับสคริปต์เช่นXML Tree (เก่า แต่แหล่งที่มาอาจช่วยได้) สคริปต์เน้นสีทั่วไปอาจช่วยได้เช่นกัน แต่ฉันสงสัยว่าคุณจะพบรหัสที่พับได้ง่ายหรือไม่

โปรดทราบว่าช่องว่างอาจมีความสำคัญใน XML ไม่ใช่ผู้ดู XML ทั้งหมดที่เคารพสิ่งนั้น ภาพหน้าจอที่สร้างขึ้นโดยทรี XML ดังกล่าวข้างต้นสำหรับตัวอย่าง XMLไม่เคารพสำหรับบรรทัดตัวอย่างองค์ประกอบ XML ที่มีข้อความจำนวนมากเพียงพอที่จะใส่ในบรรทัดแยกต่างหาก

(น่าเสียดายที่jsgui.com/xml-viewerไม่ตอบสนองขณะที่ฉันเขียนข้อความนี้)

แก้ไข : วิธีการพิมพ์ XML สวยในจาวาสคริปต์? บน Stack Overflow กล่าวถึง XML Tree เวอร์ชันใหม่: Pretty XML Treeโดยใช้ XSLT และอ้างว่าเร็วขึ้น ตัวอย่างไม่ตอบสนองต่อการคลิกใน Safari หรือ Firefox ของฉัน แต่อาจมีประโยชน์อยู่ดี


ขอบคุณ - วางฉันบนเส้นทางที่ถูกต้อง มีส่วนขยายที่ใช้งานได้ตามสคริปต์ต้นไม้ xml
Josh

@ Josh แม้ว่าฉันไม่ได้ใช้ Chrome: ขอบคุณปลั๊กอิน!
Arjan

ฉันได้อัปเดตส่วนขยายของฉันเพื่อใช้ xslt และแนวคิดที่คล้ายคลึงกันกับแผนผัง xml ที่สวยงาม - แต่ฉันหวังว่าจะทำงานได้ดีขึ้น :) - แจ้งให้เราทราบว่าคุณคิดอย่างไร - ลิงก์เดิมเหมือนเดิม
Josh

(ฉันยังคงไม่ได้ใช้ Chrome แต่ได้รับความเห็นก่อนหน้านี้ผมอ่านที่chromeplugins.org/google/chrome-plugins/...ฉันแน่ใจว่าคนมีความสุข!)
Arjan

28

ตอนนี้ฉันได้สร้างส่วนขยายอย่างง่ายเพื่อเพิ่มฟังก์ชั่นนี้

UPDATEดูที่นี่สำหรับการขยาย


คุณช่วยให้ลิงก์ดาวน์โหลดไปยังไฟล์ XML ทำงานได้หรือไม่ Chrome ขอให้ฉันบันทึกไฟล์ไว้ในดิสก์ต่อไป :(
sorin

Josh, ส่วนขยายนั้นได้รับการดูแลโดยคนอื่นหรือไม่?
Arjan

6

เท่าที่ฉันเข้าใจข้อ จำกัด นั้นเป็นจริงในเครื่องมือการแสดงผลเว็บคิตมากกว่าใน Chrome เอง ฉันสงสัยว่าเราจะแสดงผล XML ใน Chrome อย่างเหมาะสมก่อนที่พวกเขาจะเปิดใช้งานส่วนขยายอย่างถูกต้องในเวลาที่ใครบางคนสามารถรหัสส่วนขยายชุมชนเพื่อจัดการไฟล์ข้อความ / xml

หากคุณต้องการทางเลือกใน IE การแสดงผล Firefox ของ XML นั้นค่อนข้างดี


ไม่เช่นนั้นหรือพวกเขาจะสร้างส่วนขยายที่เทียบเท่ากับ "IE Tab" ของ Firefox หรืออาจจะเป็น "Firefox Tab" ก็ได้ addons.mozilla.org/en-US/firefox/addon/1419
MatrixFrog

1
@MatrixFrog แท็บ FF สำหรับ Chrome ซึ่งคุณสามารถเรียกใช้ IE-Tab สำหรับ FF ได้หรือไม่ ; D
pavsaund

6

หากคุณคลิกขวาที่โหนดและคลิก "ตรวจสอบองค์ประกอบ" คุณควรได้รับ WebKit Web Inspectorซึ่งมีคุณสมบัติแฟนซีมากมายรวมถึงสิ่งที่คุณต้องการ สิ่งนี้ควรใช้กับ XML นอกเหนือจาก HTML เท่านั้น นี่คือภาพหน้าจอจาก Safari ซึ่งมีผู้ตรวจสอบเหมือนกัน:

สารวัตรเว็บ


2
+1 ดูเหมือนว่าคำตอบของผู้โพสต์ดั้งเดิม ฉันเพิ่งตรวจสอบและตัวเลือก "ตรวจสอบองค์ประกอบ" อยู่ที่นั่นเมื่อดูไฟล์ XML ดิบ มันจะดีถ้านี่เป็นตัวเลือกการแสดงผลเริ่มต้นสำหรับไฟล์ที่ไม่ใช่ HTML XML; แต่การคลิกสองครั้งไม่ว่ามากของราคาที่จะต้องจ่าย :)
รัสเซล Heilling

เจ๋งมาก - น่าละอายไม่ใช่ตัวเลือกเริ่มต้นสำหรับ xml
Josh

ใช่ ปัญหาคือเบราว์เซอร์ไม่มีทางรู้ว่าคุณต้องการให้แสดงเอกสารหรือไม่เนื่องจาก XML เป็นสื่อที่ถูกต้องสมบูรณ์สำหรับหน้าเว็บ (ตัวอย่างเช่นhomepage.mac.com/nathan_day/pages/news.xml ) Web Inspector เป็นเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ (เยี่ยมมาก!) โดยวิธีการที่ Josh นั้นนับเป็นคำตอบสำหรับคำถามเดิมหรือไม่?
jtbandes

มันเป็นความอัปยศที่ไม่ใช่ตัวแสดงผลเริ่มต้น หลายครั้งที่ฉันถูกบังคับให้ใช้ IE เพื่อจุดประสงค์นี้แม้ว่า Chrome จะเป็นเบราว์เซอร์ที่ฉันเลือก เบราว์เซอร์จะทราบวิธีการแสดงเอกสารได้อย่างไร ฉันไม่สนใจ! อย่างใด IE และ Firefox คิดออก อาจจะมีบางอย่างในสไตล์ชีทการคาดเดาเวทมนต์ ... แค่ทำมัน!
Tundey

@jtbandes - แนวคิดของสคริปต์จาก @Arjan van Bentem เป็นคำตอบที่ดีที่สุดเพราะช่วยสร้างส่วนขยายที่ฉันได้เพิ่มไว้เป็นคำตอบ
46728 Josh Josh

4

ตอนนี้ช่อง dev dev ของ Chrome มีตัวแสดง XML ซึ่งถูกเรียกใช้หาก XML ไม่มี XSL ที่เชื่อมโยง (การพักค้างสำหรับ WebKit nightlies เดียวกัน) ดูมีความสุข!


1
ได้! ตอนนี้ฉันเชื่อแล้ว code.google.com/p/chromium/issues/detail?id=434
ken

2

ฉันลองมาหลายอย่างแล้ว แต่XV - XML ​​Viewer นั้นใช้ได้กับทั้ง XML ปกติและฟีด RSS (ถ้าคุณเปิดในการตั้งค่า)


ยอดเยี่ยมมากตัวเลือกนั้นคือสิ่งที่ฉันกำลังมองหา
huyz

1

ไม่จำเป็นต้องมีส่วนขยายแฟนซี (ซึ่งจะแตกถ้าคุณโหลดไฟล์ XML ขนาด 1MB)

โพสต์นี้เก่า แต่ตอนนี้ Chrome ได้แก้ไขข้อผิดพลาดและได้เพิ่มการสนับสนุนสำหรับการดู XML โดยตรงในเบราว์เซอร์ เพียงลากและวางไฟล์ XMLใด ๆแล้วคุณจะเห็นมุมมองต้นไม้ที่พับได้ของไฟล์ และยังรองรับการดูฟีด RSS


0

ในกรณีของฉัน (การตอบสนอง SharePoint 2013 REST API API) XML TreeชนะXV - XML ​​Viewer

  • การจับคู่แท็กที่สมบูรณ์แบบและเน้นบนเมาส์
  • รูปแบบมุมมองต้นไม้ที่ใช้งานง่าย

คุณสมบัติขั้นสูงพิเศษ

  • แบบสอบถาม XPATH

    ป้อนคำอธิบายรูปภาพที่นี่

(อันที่จริงฉันติดตั้ง XV ไว้ก่อนแล้วและไม่ได้ทำอะไรเลยกับ xml ของฉัน แต่ต้นไม้ XML ติดกับมัน)

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.