الصفحة الرئيسية>المتعلقة بالبرمجة>شفرة المصدر الأخرى
تنزيل

تنسيق JSON - الأصلي

ملحق Chrome الذي يقوم بتنسيق JSON تلقائيًا عند عرضه في علامة تبويب المتصفح.

سمات

  • سريع ، حتى على صفحات JSON الطويلة جدًا
  • الوضع المظلم
  • تسليط الضوء على بناء الجملة
  • أشجار قابلة للطي، مع أدلة المسافة البادئة
  • عناوين URL القابلة للنقر عليها
  • تأثير ضئيل على الأداء على الصفحات غير JSON (أقل من 1 مللي ثانية)
  • يعمل على أي صفحة JSON صالحة - لا يهم عنوان URL
  • أزرار للتبديل بين JSON الخام والمحلل
  • يتم تصدير Parsed JSON كمتغير عام، json ، بحيث يمكنك فحصه في وحدة التحكم *

*كتابة json في وحدة التحكم لا تعمل منذ Manifest v3. إذا كنت بحاجة إلى حل بديل، فالصق هذا المقتطف في وحدة التحكم: 

 json = JSON . parse ( document . getElementById ( "jsonFormatterRaw" ) . querySelector ( "pre" ) . innerText )

بعض مستندات JSON لاختبارها على: https://callumlocke.github.io/json-formatter/

تثبيت

الخيار 1 (مستحسن) – تثبيته من سوق Chrome الإلكتروني.

الخيار 2 – تثبيته من المصدر (انظر أدناه).

تطوير

المتطلبات: Deno (والعقدة في الوقت الحالي).

الإعداد الأولي:

  • استنساخ الريبو
  • قم بتشغيل pnpm i للحصول على أنواع TypeScript لمتصفح chrome (أو استخدم npm i إذا كنت تفضل ذلك)
  • اختياري: إذا كنت تستخدم VSCode وتحتاج إلى العبث بنصوص بناء Deno، فقم بتثبيت ملحق Deno الإضافي الرسمي وقم بتعيين "deno.enablePaths": ["tasks"] .

لبنائه:

  • قم بتشغيل deno task build

للإنشاء وإعادة البناء كلما تغيرت الملفات:

  • قم بتشغيل deno task dev

لتثبيت الإصدار المحلي الخاص بك على Chrome

  • افتح Chrome وانتقل إلى chrome://extensions
  • تمكين "وضع المطور"،
  • انقر فوق "تحميل غير مضغوط"،
  • حدد المجلد dist الذي قمت بإنشائه أعلاه.

التعليمات

لماذا لا يتم عرض الأرقام الكبيرة بدقة؟

يعد هذا تقييدًا لـ JavaScript وبالتالي تقييدًا لـ JSON كما يفسره متصفح الويب الخاص بك.

  • أي شيء أعلى من Number.MAX_SAFE_INTEGER ( 2^53 - 1 أو 9007199254740991 ) يتم تعديله وصولاً إلى هذا الرقم.
  • أي شيء أقل من Number.MIN_SAFE_INTEGER ( -2^53 + 1 أو -9007199254740991 ) يتم ضبطه حتى هذا الرقم.
  • يتم تقريب أرقام الفاصلة العائمة الدقيقة للغاية إلى 16 رقمًا.

لا يقوم JSON Formatter بذلك، بل هو JSON.parse الأصلي في V8. يعرض لك JSON Formatter القيم التي تم تحليلها ، تمامًا مثل ما ستراه بعد تحميل JSON في JavaScript.

إذا كانت نقطة نهاية واجهة برمجة التطبيقات (API) الخاصة بك تحتاج حقًا إلى تمثيل أرقام خارج النطاق الآمن لجافا سكريبت، فيجب أن تقتبسها كسلاسل .

لماذا تكون مفاتيح الكائنات أحيانًا بترتيب خاطئ؟

ما تراه في JSON Formatter هو تمثيل للكائن/الصفيف الذي تم تحليله . إنه نفس الترتيب الذي ستحصل عليه مع Object.keys( JSON.parse(json) ) في JavaScript.

تاريخيًا، نص معيار JavaScript صراحةً على أنه يمكن تكرار مفاتيح الكائنات بأي ترتيب، وقد استفاد V8 من ذلك عن طريق نقل مفاتيح السلسلة الرقمية (مثل "1" أو "99999" ) إلى الأعلى لتسهيل تحسين الأداء بشكل بسيط. أصبحت تفاصيل تنفيذ V8 هذه موحدة منذ ذلك الحين.

لكني أريد فقط أن أرى بالضبط ما يبصقه الخادم

في الوقت الحالي، أفضل خيار لديك هو استخدام الزر "Raw" لرؤية ملف JSON الأولي. وهذا ما أرسله الخادم. تمثل الأزرار "المحللة" ما ستحصل عليه من JSON.parse .

في المستقبل، قد يتحول JSON Formatter من استخدام JSON.parse إلى محلل مخصص (إذا كان الأداء يسمح بذلك) لاكتشاف متى تم "تغيير" القيمة عن طريق التحليل وإظهار التحذير المناسب.

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل