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

صوفيا إميليانوفا
صوفيا إميليانوفا

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

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

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

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

فتح علامة التبويب "التغييرات"

لفتح علامة التبويب التغييرات:

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

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

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

    شغّل الأمر "Show Changes" (إظهار التغييرات)

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

التغييرات" width="800" height="460">

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

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

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

  1. افتح "أدوات مطوري البرامج".
  2. إجراء تغييرات على مصادرك:

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

  4. لاحظ نتيجة diff التي تسلّط الضوء على ما يلي:

الفرق المميّز في علامة التبويب "التغييرات"

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

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

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

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

    نسخ.

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

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

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

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

زر العودة إلى النسخة السابقة