التغييرات: تتبُّع التغييرات في HTML وCSS وJavaScript

Sofia Emelianova

يمكنك استخدام لوحة التغييرات لتتبُّع التغييرات التي تم إجراؤها على الرمز البرمجي ضمن "أدوات مطوري البرامج".

نظرة عامة

من خلال لوحة التغييرات، يمكنك تتبُّع التغييرات التي تجريها على:

• رمز HTML في المصادر مع تفعيل عمليات الإلغاء المحلي
• CSS في العناصر > الأنماط أو المصادر
• JavaScript في المصادر

لا تعرض لوحة التغييرات سوى التغييرات التي تجريها في "أدوات مطوّري البرامج". في حال إعادة تحميل "أدوات مطوري البرامج" أو صفحتك، ستختفي التغييرات.

لجعل "أدوات مطوري البرامج" تحتفظ بالتغييرات على مستوى عمليات تحميل الصفحات، اتّبِع الخطوات الواردة في عمليات الإلغاء على الجهاز.

لإجراء تغييرات على المصادر المحلية في "أدوات مطوري البرامج"، اتّبِع الخطوات الواردة في مقالة تعديل الملفات وحفظها باستخدام مساحات العمل.

فتح لوحة "التغييرات"

لفتح لوحة التغييرات:

1. افتح "أدوات مطوري البرامج".

2. اضغط على Command+Shift+P (نظام التشغيل Mac) أو Control+Shift+P (نظام التشغيل Windows وLinux وChromeOS) لفتح قائمة الأوامر.

3. ابدأ كتابة changes، واختَر إظهار التغييرات، ثم اضغط على Enter.

   

يمكنك بدلاً من ذلك النقر على تخصيص أدوات مطوّري البرامج والتحكّم فيها في أعلى يسار الصفحة > مزيد من الأدوات > التغييرات:

تعرض "أدوات مطوري البرامج" تلقائيًا لوحة التغييرات في أسفل نافذة "أدوات مطوري البرامج" في الدرج.

عرض التغييرات التي أجريتها وفهمها

للاطّلاع على التغييرات التي أجريتها:

1. افتح "أدوات مطوري البرامج".

2. أجرِ تغييرات على المصادر:

   • HTML: أولاً، فعِّل عمليات الإلغاء على الجهاز، ثم أجرِ التغييرات في المصادر.
   • CSS في العناصر > الأنماط أو المصادر
   • JavaScript في المصادر

3. افتح لوحة التغييرات واختَر ملفًا على يسار اللوحة.

4. يمكنك ملاحظة نتيجة diff التي تبرز ما يلي:

تتم طباعة مخرجات diff تلقائيًا من لوحة التغييرات، بحيث لا تحتاج إلى التمرير أفقيًا لرؤية التغييرات في سطر واحد.

نسخ تغييرات صفحات CSS

إذا أجريت تغييرات على CSS في Elements > الأنماط، يمكنك نسخها جميعًا باستخدام زر واحد:

1. افتح لوحة التغييرات، وفي الجانب الأيسر من اللوحة، اختَر ملف CSS الذي أجريت تغييرات عليه.

   

2. انقر على زر نسخ في أسفل لوحة التغييرات.

إلغاء جميع التغييرات التي تم إجراؤها على ملف

للتراجع عن التغييرات التي تم إجراؤها على ملف:

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