JSON ، أو خلاف ذلك JavaScript Object Notation ، تعد البيانات بروتوكولًا لاتصال المستعرض / الخادم وأحد البدائل الأساسية لـ XML.

ومع ذلك ، لا يمكن للمطورين قراءة بيانات JSON دون وجود عارض JSON يقوم ببناء البيانات وعرضها بطريقة واضحة. على هذا النحو ، قامت Mozilla بدمج عارض JSON في Firefox وتم تمكينه افتراضيًا في قناة Developer.

كيف يمكنني مشاهدة JSON في Firefox؟ أسرع طريقة لعرض وتحرير بيانات JSON في Firefox هي من خلال عارضها المدمج JSON. يتم تمكين عارض البيانات بشكل افتراضي فقط في إصدار المطور و Nighly. إذا لم يناسبك ذلك ، فاستخدم بعض الأدوات الإضافية المفيدة وأدوات الويب لفايرفوكس.

لمزيد من المعلومات حول ذلك ، راجع الدليل أدناه.

كيفية تمكين JSON Viewer في فايرفوكس

إذا كان عارض JSON في Firefox لا يعمل من أجلك ، فربما يرجع ذلك إلى أنه غير ممكن. في الوقت الحالي ، يتم تمكين عارض البيانات بشكل افتراضي في Developer Edition و Nightly.

هذه هي الطريقة التي يمكنك بها تمكين JSON viewer في Firefox Stable:

• أولاً ، أدخل " about: config " في شريط عنوان Firefox واضغط على مفتاح Return لفتح الصفحة الموضحة في اللقطة أدناه مباشرة.

• بعد ذلك ، أدخل " devtools.jsonview.enabled " في شريط البحث في أعلى الصفحة about: config.
• الآن يمكنك النقر نقرًا مزدوجًا فوق devtools.jsonview.enabled لتحويل قيمته إلى true. يمكّن ذلك عارض JSON بشكل فعال في متصفح Firefox.

الوظائف الإضافية البديلة لـ JSON Viewer وأدوات الويب

ومع ذلك ، لا تحتاج حقًا إلى تمكين JSON viewer في Firefox. إذا كان عارض Firefox JSON لا يعمل ، فيمكنك دائمًا تجربة الوظائف الإضافية البديلة وأدوات الويب بدلاً من ذلك.

على سبيل المثال ، يمكنك إضافة JSONView إلى Firefox عن طريق الضغط على زر + إضافة إلى Firefox في هذه الصفحة. عند إضافة هذه الوظيفة الإضافية إلى المستعرض ، افتح هذه الصفحة لمشاهدة مثال على بعض بيانات JSON المنسقة.

تظهر اللقطات أدناه بيانات JSON قبل وبعد تمكين الوظيفة الإضافية في Firefox.

تعد JSON-DataView وظيفة إضافية أفضل يمكنك من خلالها تخصيص عرض البيانات. ابحث عنها في هذه الصفحة وأضف هذا الملحق إلى متصفحك.

بعد ذلك ، افتح هذه الصفحة مرة أخرى للتحقق من كيفية تنسيقها وعرض بيانات JSON. تتضمن البيانات الآن زرين + و - لتوسيع عقد الشجرة وطيها ، وتسليط الضوء على بناء الجملة والارتباطات التشعبية.

يتضمن JSON-DataView أيضًا خيارات التخصيص التي يمكنك تحديدها من خلال النقر فوق زر القائمة "فتح" في أعلى يمين المتصفح والوظائف الإضافية.

بعد ذلك ، اضغط على الزر " خيارات" بجانب JSON-DataView لفتح النافذة الموضحة أدناه. هناك يمكنك النقر فوق القائمة المنسدلة Theme لتغيير ألوان بيانات JSON. انقر فوق علامة التبويب عرض لتخصيص الخط النصي.

هناك أيضًا أدوات ويب لمشاهد JSON يمكنك نسخ البيانات ولصقها فيها. أولاً ، يمكنك نسخ البيانات ولصقها في علامة تبويب النص الخاصة بمشاهد JSON. حاول نسخ ولصق بيانات JSON أدناه باستخدام مفاتيح الاختصار Ctrl + C و Ctrl + V.

{"hey": "guy" ، "anumber": 243 ، "anobject": {"whoa": "nuts" ، "anarray": ، "more": "stuff"} ، "awesome": true ، "وهمية" ": خطأ ،" معنى ": لاغٍ ،" ياباني ":"

明日 が あ る。 "،" link ":" http://jsonview.com "،" notLink ":" http://jsonview.com is great "}

عندما تقوم بنسخ ذلك في علامة التبويب "نص" ، اضغط على الزر " تنسيق" على شريط أدوات عارض JSON. سيؤدي ذلك إلى عرض البيانات كما هو موضح في اللقطة أدناه ، والتي تكون أكثر وضوحًا.

يمكنك تحميل بيانات أخرى عن طريق الضغط على زر تحميل بيانات JSON وإدخال عنوان URL. تعرض علامة التبويب "عارض" متغيرات البيانات باستخدام هياكل شجرة يمكنك توسيعها أو طيها بالضغط على الزرين + و -.

JSON Editor Online هو أداة ويب أخرى يمكنك من خلالها عرض البيانات من HDD أو URL. انقر هنا لفتح أداة الويب ، ثم انسخ والصق نموذج البيانات أعلاه في محرر الكود.

اضغط على زر السهم الأيمن لنسخ الرمز في محرر الشجرة ، ثم انقر فوق زر السهم الأيسر لعرض بيانات JSON كما هو موضح أدناه. هناك ، يمكنك تحرير البيانات وحفظ أي تغييرات تم إجراؤها.

تتضمن الصفحة أيضًا أداة بحث سهلة الاستخدام للحقول والقيم.

إذا كنت بحاجة إلى عارض JSON ، فإن عارض Firefox المدمج لا يقوم بكل ما تحتاجه. على هذا النحو ، تعد الوظائف الإضافية وأدوات JSON بدائل رائعة للمطورين الذين يحتاجون إلى فتح وتحرير بيانات JSON.

آمل أن يكون هذا مفيدًا وأنك الآن على دراية بالوظائف الإضافية وأدوات JSON المختلفة التي يمكنك استخدامها. إذا كان لديك أي أسئلة أخرى ، فلا تتردد في الوصول إلى قسم التعليقات أدناه.

ملاحظة المحرر: تم نشر هذا المنشور في الأصل في أبريل 2017 وتم تجديده وتحديثه بالكامل من أجل الحداثة والدقة والشمولية.