5 أدوات لتحرير ملفات JSON داخل جوجل كروم

تنسيق JSON مشتق من Javascript وغالبًا ما يستخدم لنقل البيانات بين الخادم وتطبيق الويب. إنه بديل لـ XML الذي يسمح للمبرمج بالمشاركة باستخدام أي عدد من الأدوات. ولكن ماذا لو كنت تريد استخدام متصفحك للعمل مع ملفات JSON الخاصة بك؟ هناك العديد من تطبيقات الويب والإضافات لمتصفح Google Chrome التي تهدف إلى مساعدة المبرمجين على تحرير ملفات JSON.

جيد ان تعلم: شريط التمرير مفقود من Chrome؟ تعلم كيفية اصلاحها.

1. محرر JSON عبر الإنترنت

متاح على النحو التالي: تطبيق ويب

يعد JSON Editor Online أداة لعرض JSON وتحريره وتنسيقه. يفتح تطبيق Chrome هذا محررًا نصيًا داخل متصفحك، مما يسمح لك بتحرير التعليمات البرمجية دون الحاجة إلى التبديل إلى تطبيق آخر. يعرض التطبيق مربعي نص جنبًا إلى جنب. يعرض الحقل الموجود على اليسار الرمز كما هو، بينما يعرض الحقل الموجود على اليمين النص بتنسيق أكثر قابلية للقراءة.

يمكن للتطبيق فتح كل من الملفات المحلية وعناوين URL. كود المصدر الخاص به متاح أيضًا لأولئك الذين يريدون معرفة كيفية صنعه. يمكنه فتح ملفات يصل حجمها إلى 512 ميجابايت، والتي قد لا تبدو كبيرة للوهلة الأولى، ولكنها يمكن أن تحتوي على كمية هائلة من البيانات. بالنسبة للملفات الكبيرة جدًا، قد ترغب في التحقق من هذه الأدوات لعرضها بسرعة دون تأخير.

يعد JSON Editor أكثر من مجرد محرر. إنه منسق ومحلل وحتى مساعد إصلاح. إنه بالتأكيد يستحق مكانًا في مجموعة أدوات كل مطور برامج.

2. منسق JSON

متاح على النحو التالي: ملحق كروم

يعد ملحق JSON Formatter Chrome أداة مفتوحة المصدر تجعل قراءة كود JSON أسهل للعين. إنه يدعم كلاً من تنسيقات JSON وJSONP ويقدم تمييزًا لبناء الجملة وأشجارًا قابلة للطي وأدلة مسافة بادئة وعناوين URL قابلة للنقر. إنه يعمل على أي صفحة JSON صالحة وعلى الملفات المحلية أيضًا.

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

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

لعِلمِكَ: تحقق من أدوات تجميل JSON هذه لإبراز بياناتك.

3.JSONView

متاح على النحو التالي: ملحق كروم

تم إنشاء JSONView لمتصفح Google Chrome كملحق لمتصفح Firefox. إنه مكتمل بخيارات قائمة السياق لنسخ مسار أو قيمة JSON. يوجد أيضًا محرر نمط مدمج لتخصيص السمة.

كملحق تم إنشاؤه بواسطة مطور آخر، JSONVue يتوسع في قدرة JSONView على التحقق من صحة مستندات JSON باستخدام JSONLint.

يطبق JSONView أيضًا بعض الطباعة الجميلة على ملفات JSON الخاصة بك. يؤدي ذلك إلى إضافة طباعة غامقة على مفاتيح JSON لتسهيل قراءتها مقابل الأقواس والنقطتين غير الغامقة.

نصيحة: تعرف على كيفية طباعة ملف JSON بشكل جميل في Python.

4. أداة تجميل ومحرر JSON

متاح على النحو التالي: ملحق كروم

يقوم JSON Beautifier & Editor بتحويل متصفح Chrome الخاص بك إلى أداة JSON لتحرير البيانات ومعالجتها وتحليلها. فهو يتيح لك تغيير المفاتيح والقيم، بالإضافة إلى حفظ تغييراتك في ملف إخراج JSON قابل للتنزيل.

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

بشكل عام، يتوسع هذا الامتداد فيما يمكن أن تفعله امتدادات JSON Chrome العادية، مما يحول متصفح الويب الخاص بك إلى محرر نص غير متصل لملفات JSON.

5. كود تجميل محرر JSON

متاح على النحو التالي: تطبيق ويب

يُعد Code Beautify JSON Editor مجرد واحدة من الأدوات العديدة الأخرى المتوفرة في مجموعة تطبيقات Code Beautify لتجميل الأكواد. بالتركيز على محرر JSON، ستجد طريقتين أخريين لعرض ملفات JSON من متصفح الويب الخاص بك.

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

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

نصيحة: هل تبحث عن محرر نص عادي يستحق؟ تحقق من أفضل الخيارات عبر الأنظمة الأساسية للمبرمجين.

6. نقطة البرامج التعليمية على الإنترنت محرر JSON

متاح على النحو التالي: تطبيق ويب

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

ربما يكون عامل الجذب الرئيسي لهذا المحرر هو أنه يوفر أيضًا إمكانية الوصول إلى مكتبة من البرامج التعليمية. وهذا يجعلها أداة مفيدة للأشخاص الذين يحاولون تعلم لغات برمجة جديدة، مع الاعتماد بشكل أساسي على الموارد عبر الإنترنت.

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

7. محرر JSON من أدوات دان

متاح على النحو التالي: تطبيق ويب

JSON Editor من Dan’s Tools هو محرر JSON مجاني عبر الإنترنت يتميز بمظهر نظيف وبسيط. ما ينقصه من ميزات، يعوضه عن طريق التحميل السريع بمجرد إدخال عنوان URL الخاص به.

إنه أمر جيد بما فيه الكفاية إذا كنت بحاجة إلى شيء يمكنك استخدامه بسرعة للتعديل. ومع ذلك، تظهر وظيفة “تحميل الملف” أحيانًا أسفل الشاشة في بعض المتصفحات أثناء استخدام ملحقات حظر الإعلانات، وهو ما قد يكون غير مريح.

مطور هذا التطبيق، Clean CSS (المعروف أيضًا باسم Dan’s Tools) لديه أيضًا أدوات أخرى لتحويل JSON إلى تنسيقات أخرى، مثل CSV، وXML، وTSV، وحتى HTML.

نصيحة: هل تريد أن تتعلم أساسيات HTML وCSS؟ تحقق من دليل المبتدئين لدينا.

الوصول بسهولة إلى ملفات JSON

يعد تعديل JSON في Chrome أمرًا واحدًا، ولكن هناك شيء آخر يجب فهمه وهو ما هو ملف JSON وكيفية استخدامه. تحقق من منشورنا التفصيلي حول ملفات JSON لمعرفة المزيد! أو قم بإلقاء نظرة على دليلنا حول استخدام أمر CAT على Linux لمعرفة كيفية ربط ليس فقط ملفات JSON، ولكن بشكل أساسي أي ملف يحتوي على نص فيه.

جميع الصور ولقطات الشاشة بواسطة Terenz Jomar Dela Cruz

تيرينز جومار ديلا كروز

Terenz هو عالم روبوتات هاو يحاول بناء الروبوت الأكثر روعة الذي شهده العالم على الإطلاق. كان بإمكانه فعل ذلك بالفعل إذا لم يكن مشغولاً جدًا بحرق مصابيح LED كهواية ثانية.