يجب إبقاء الرمز البرمجي من جهة العميل سهل القراءة وقابلًا لتصحيح الأخطاء حتى بعد دمجه أو تصغيره أو تجميعه. استخدِم خرائط المصدر لربط رمز المصدر برمزك المجمَّع في لوحة المصادر.
بدء استخدام المعالجات المُسبَقة
تؤدي خرائط المصدر من المعالجات المسبقة إلى تحميل "أدوات مطوري البرامج" لملفاتك الأصلية بالإضافة إلى الملفات المصغّرة.
سيشغِّل Chrome الرمز البرمجي المصغَّر، ولكن ستعرض لك لوحة المصادر الرمز البرمجي الذي أنشأته. يمكنك ضبط نقاط التوقف والتنقّل في الرموز البرمجية في الملفات المصدر، وسيتمّ ربط جميع الأخطاء والسجلّات ونقاط التوقف تلقائيًا.
يمنحك ذلك إمكانية تصحيح أخطاء الرمز البرمجي أثناء كتابته، على عكس الرمز البرمجي الذي يعرضه خادم التطوير وينفذه المتصفّح.
لاستخدام خرائط المصادر في لوحة المصادر:
- استخدِم فقط المعالجات المسبقة التي يمكنها إنشاء خرائط المصدر.
- تأكَّد من أنّ خادم الويب يمكنه عرض خرائط المصدر.
استخدام معالج برمجي متوافق
تشمل المعالجات المسبقة الشائعة المستخدَمة مع خرائط المصدر، على سبيل المثال لا الحصر:
- أدوات التحويل البرمجي: Babel
- برامج التحويل البرمجي: TypeScript وDart
- برامج تصغير الملفات: terser
- حِزم البرامج وخوادم التطوير: Webpack وVite وesbuild وParcel
للحصول على قائمة موسّعة، يُرجى الاطّلاع على خرائط المصادر: اللغات والأدوات والمعلومات الأخرى.
تفعيل خرائط المصدر في "الإعدادات"
في 
الإعدادات > الإعدادات المفضّلة > المصادر، تأكَّد من وضع علامة في المربّع بجانب 
خرائط مصادر JavaScript.
التحقّق مما إذا تم تحميل خرائط المصادر بنجاح
اطّلِع على موارد المطوّرين: عرض خرائط المصادر وتحميلها يدويًا.
تصحيح الأخطاء باستخدام خرائط المصادر
عندما تكون خرائط المصدر جاهزة ومفعّلة، يمكنك إجراء ما يلي:
- افتح مصادر موقعك الإلكتروني في لوحة المصادر.
للتركيز فقط على الرمز البرمجي الذي تُنشئه، يمكنك تجميع الملفات المنشأة والمُنشَطة في العرض التدرّجي للملفات. بعد ذلك، وسِّع قسم
المؤلف وافتح ملف المصدر الأصلي في المحرِّر.