JSON ไม่เช่นนั้นวัตถุสัญลักษณ์ JavaScript ข้อมูลเป็นโปรโตคอลสำหรับการสื่อสารเบราว์เซอร์ / เซิร์ฟเวอร์และเป็นหนึ่งในทางเลือกหลักของ XML

อย่างไรก็ตามข้อมูล JSON ไม่สามารถอ่านได้โดยผู้พัฒนาโดยไม่มีวิวเวอร์ JSON ที่จัดโครงสร้างและแสดงข้อมูลอย่างชัดเจน ดังนั้น Mozilla จึงรวมโปรแกรมดู JSON ไว้ใน Firefox และเปิดใช้งานตามค่าเริ่มต้นในช่องนักพัฒนาซอฟต์แวร์

ฉันจะดู JSON ใน Firefox ได้อย่างไร วิธีที่เร็วที่สุดในการดูและแก้ไขข้อมูล JSON ใน Firefox คือการใช้โปรแกรมดู JSON ในตัว วิวเวอร์ข้อมูลถูกเปิดใช้งานตามค่าเริ่มต้นเฉพาะใน Developer Edition และ Nighly หากไม่เหมาะกับคุณให้ใช้โปรแกรมเสริมและเครื่องมือบนเว็บที่เป็นประโยชน์สำหรับ Firefox

สำหรับข้อมูลเพิ่มเติมเกี่ยวกับเรื่องนี้ให้ตรวจสอบคำแนะนำด้านล่าง

วิธีเปิดใช้งาน JSON Viewer ใน Firefox

หากโปรแกรมดู JSON ของ Firefox ไม่ทำงานสำหรับคุณนั่นอาจเป็นเพราะมันไม่ได้เปิดใช้งาน ในขณะนี้ตัวแสดงข้อมูลจะเปิดใช้งานตามค่าเริ่มต้นใน Developer Edition และต่อคืนเท่านั้น

นี่คือวิธีที่คุณสามารถเปิดใช้งานโปรแกรมดู JSON ใน Firefox เสถียร:

• ก่อนอื่นให้ป้อน ' about: config ' ในแถบที่อยู่ของ Firefox และกดปุ่ม Return เพื่อเปิดหน้าเว็บที่แสดงในภาพรวมด้านล่างโดยตรง

• จากนั้นป้อน ' devtools.jsonview.enabled ' ลงในแถบค้นหาที่ด้านบนของหน้า about: config
• ตอนนี้คุณสามารถดับเบิลคลิกที่ devtools.jsonview.enabled เพื่อเปลี่ยนค่าเป็น true ที่เปิดใช้งานโปรแกรมดู JSON ในเบราว์เซอร์ Firefox ได้อย่างมีประสิทธิภาพ

โปรแกรมเสริม JSON Viewer ทางเลือกและเครื่องมือบนเว็บ

อย่างไรก็ตามคุณไม่จำเป็นต้องเปิดใช้งานโปรแกรมดู JSON ใน Firefox หากตัวแสดง Firefox JSON ไม่ทำงานคุณสามารถลองใช้โปรแกรมเสริมและเครื่องมือทางเลือกอื่นแทนได้

ตัวอย่างเช่นคุณสามารถเพิ่ม JSONView ลงใน Firefox ได้โดยกดปุ่ม + เพิ่มลงใน Firefox ในหน้านี้ เมื่อคุณเพิ่มส่วนเสริมนั้นลงในเบราว์เซอร์ให้เปิดหน้านี้เพื่อดูตัวอย่างของข้อมูล JSON ที่จัดรูปแบบบางส่วน

ภาพด้านล่างแสดงข้อมูล JSON ก่อนและหลังการใช้งาน Add-on ใน Firefox

JSON-DataView เป็นโปรแกรมเสริมที่ดีกว่าซึ่งคุณสามารถปรับแต่งการแสดงผลข้อมูลได้ ค้นหาในหน้านี้และเพิ่มส่วนขยายนี้ในเบราว์เซอร์ของคุณ

จากนั้นเปิดหน้านี้อีกครั้งเพื่อตรวจสอบวิธีจัดรูปแบบและแสดงข้อมูล JSON ขณะนี้ข้อมูลมีปุ่ม + และ - เพื่อขยายและยุบโหนดต้นไม้การเน้นไวยากรณ์และการเชื่อมโยงหลายมิติ

JSON-DataView ยังมีตัวเลือกการปรับแต่งที่คุณสามารถเลือกได้โดยคลิกที่ปุ่ม เมนูเปิด ที่มุมขวาบนของเบราว์เซอร์และ โปรแกรมเสริม

หลังจากนั้นกดปุ่ม ตัวเลือก ข้าง JSON-DataView เพื่อเปิดหน้าต่างที่แสดงด้านล่าง คุณสามารถคลิกเมนูดร็อปดาวน์ Theme เพื่อเปลี่ยนสีข้อมูล JSON คลิกที่แท็บแสดงเพื่อปรับแต่งแบบอักษรของข้อความ

มีเครื่องมือเว็บวิวเวอร์ JSON ที่คุณสามารถคัดลอกและวางข้อมูลได้ก่อนอื่นคุณสามารถคัดลอกและวางข้อมูลลงในแท็บข้อความของผู้ดู JSON นี้ ลองคัดลอกและวางข้อมูล JSON ด้านล่างด้วย ปุ่มลัด Ctrl + C และ Ctrl + V

{“ เฮ้”:“ คน”, ” อนัมเบอร์”: 243, ” anobject”: {“ whoa”:“ ถั่ว”, ” anarray”:, “ มากกว่า”:” สิ่ง”}, ” สุดยอด”: จริง, ” ปลอม ”: เท็จ, ” ความหมาย”: null, “ ญี่ปุ่น”:”

明日がある。”, “ link”:“ http://jsonview.com”, “ notLink”:“ http://jsonview.com is great”}

เมื่อคุณคัดลอกสิ่งนั้นลงในแท็บข้อความให้กดปุ่ม รูปแบบ บนแถบเครื่องมือของผู้ดู JSON จากนั้นจะแสดงข้อมูลตามที่แสดงในภาพด้านล่างซึ่งชัดเจนกว่ามาก

คุณสามารถโหลดข้อมูลอื่น ๆ ได้โดยกดปุ่ม โหลดข้อมูล JSON แล้วป้อน URL แท็บ Viewer แสดงตัวแปรข้อมูลด้วยโครงสร้างต้นไม้ที่คุณสามารถขยายหรือยุบได้โดยกดปุ่ม + และ -

JSON Editor Online เป็นเครื่องมือเว็บอื่นที่คุณสามารถแสดงข้อมูลจาก HDD หรือ URL คลิกที่นี่เพื่อเปิดเครื่องมือเว็บจากนั้นคัดลอกและวางข้อมูลตัวอย่างด้านบนลงในตัวแก้ไขรหัส

กดปุ่มลูกศรขวาเพื่อคัดลอกรหัสลงในตัวแก้ไขทรีแล้วคลิกปุ่มลูกศรซ้ายเพื่อแสดงข้อมูล JSON ดังที่แสดงด้านล่าง คุณสามารถแก้ไขข้อมูลและบันทึกการเปลี่ยนแปลงใด ๆ

หน้านี้ยังมีเครื่องมือค้นหาที่มีประโยชน์สำหรับฟิลด์และค่าต่างๆ

หากคุณต้องการโปรแกรมดู JSON โปรแกรมดู Firefox ในตัวจะไม่ทำทุกสิ่งที่คุณต้องการ ดังนั้นส่วนเสริม JSON และเครื่องมือบนเว็บจึงเป็นทางเลือกที่ยอดเยี่ยมสำหรับนักพัฒนาที่ต้องการเปิดและแก้ไขข้อมูล JSON

หวังว่าสิ่งนี้จะเป็นประโยชน์และตอนนี้คุณก็ทราบถึงส่วนเสริมและเครื่องมือเว็บของ JSON ที่คุณสามารถใช้ได้ หากคุณมีคำถามเพิ่มเติมโปรดไปที่ส่วนความคิดเห็นด้านล่าง

หมายเหตุบรรณาธิการ: โพสต์นี้ถูกตีพิมพ์ครั้งแรกในเดือนเมษายน 2017 และได้รับการปรับปรุงใหม่อย่างสมบูรณ์เพื่อความสดใหม่ความถูกต้องและครอบคลุม