שינויים: מעקב אחר שינויים ב-HTML, ב-CSS וב-JavaScript

Sofia Emelianova

בכרטיסייה שינויים אפשר לעקוב אחר השינויים שביצעתם:

• HTML במקורות עם שינויים מקומיים פעילים
• CSS ברכיבים > סגנונות או מקורות
• JavaScript במקורות

בכרטיסייה שינויים מוצגים השינויים שביצעתם בכלי הפיתוח. אם תטען מחדש את כלי הפיתוח או את הדף, השינויים ייעלמו.

כדי שהשינויים בכלי הפיתוח יישארו ללא שינוי בטעינות דפים, צריך לפעול לפי השלבים שמפורטים בקטע שינויים מקומיים.

כדי לבצע שינויים בכלי הפיתוח במקורות המקומיים, פועלים לפי השלבים שמפורטים בקטע עריכה ושמירה של קבצים בסביבות עבודה.

פתיחת הכרטיסייה 'שינויים'

כדי לפתוח את הכרטיסייה שינויים:

1. פותחים את כלי הפיתוח.

2. מקישים על Command+Shift+P (Mac) או על Control+Shift+P (Windows , Linux ו-ChromeOS) כדי לפתוח את תפריט הפקודה.

3. מתחילים להקליד changes, בוחרים באפשרות הצגת השינויים ומקישים על Enter.

   

אפשרות אחרת היא ללחוץ בפינה השמאלית העליונה על התאמה אישית ושליטה בכלי הפיתוח > כלים נוספים > שינויים.

שינויים" רוחב="800" גובה="460">

כברירת מחדל, בכלי הפיתוח מוצגת הכרטיסייה שינויים בתחתית החלון של כלי הפיתוח, בחלונית ההזזה.

הצגה והבנה של השינויים

כדי להציג את השינויים:

1. פותחים את כלי הפיתוח.

2. מבצעים את השינויים הרצויים במקורות:

   • HTML: תחילה, מפעילים את האפשרות שינויים מקומיים ואז מבצעים שינויים במקורות
   • CSS ברכיבים > סגנונות או מקורות
   • JavaScript במקורות

3. פותחים את הכרטיסייה שינויים ובוחרים קובץ בצד שמאל של הכרטיסייה.

4. חשוב לצפות בפלט diff שמדגיש את הדברים הבאים:

בכרטיסייה שינויים מתבצעת הדפסה יפה של הפלט diff, כך שאין צורך לגלול אופקית כדי לראות את השינויים בשורה אחת.

העתקת שינויי ה-CSS

אם ביצעתם שינויים ב-CSS דרך רכיבים > סגנונות, תוכלו להעתיק את כולם בלחיצה אחת:

1. פותחים את הכרטיסייה שינויים, ובצד שמאל של הכרטיסייה בוחרים את קובץ ה-CSS שביצעתם בו שינויים.

   

2. לוחצים על הלחצן העתקה בחלק התחתון של הכרטיסייה 'שינויים'.

ביטול כל השינויים שבוצעו בקובץ

כדי לבטל שינויים שבוצעו בקובץ:

1. בצד ימין של הכרטיסייה שינויים, בוחרים קובץ עם השינויים שרוצים לבטל.
2. בסרגל הפעולות שלמטה, לוחצים על ביטול כל השינויים בקובץ הנוכחי.