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

Sofia Emelianova

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

نظرة عامة

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

• رمز HTML في المصادر مع تفعيل عمليات الاستبدال المحلية
• تنسيق CSS في العناصر > الأنماط أو المصادر
• JavaScript في المصادر

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

لجعل أدوات مطوّري البرامج تُبقي التغييرات محفوظة عند تحميل الصفحات، اتّبِع الخطوات الواردة في عمليات الاستبدال المحلية.

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

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

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

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 في العناصر > الأنماط، يمكنك نسخها كلها بنقرة واحدة:

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

   

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

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

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

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