בכרטיסייה שינויים אפשר לעקוב אחר השינויים שביצעתם:
- HTML במקורות עם שינויים מקומיים פעילים
- CSS ב-Elements > (רכיבים) סגנונות או מקורות
- JavaScript במקורות
בכרטיסייה שינויים מוצגים השינויים שביצעתם בכלי הפיתוח. אם תטען מחדש את כלי הפיתוח או את הדף, השינויים ייעלמו.
כדי שהשינויים בכלי הפיתוח יישארו ללא שינוי בטעינות דפים, צריך לפעול לפי השלבים שמפורטים בקטע שינויים מקומיים.
כדי לבצע שינויים בכלי הפיתוח במקורות המקומיים, פועלים לפי השלבים שמפורטים בקטע עריכה ושמירה של קבצים בסביבות עבודה.
פתיחת הכרטיסייה 'שינויים'
כדי לפתוח את הכרטיסייה שינויים:
מקישים על Command+Shift+P (Mac) או על Control+Shift+P (Windows , Linux ו-ChromeOS) כדי לפתוח את תפריט הפקודה.
מתחילים להקליד
changes
, בוחרים באפשרות הצגת השינויים ומקישים על Enter.
לחלופין, בפינה השמאלית העליונה, לוחצים על התאמה אישית ושליטה בכלי הפיתוח > כלים נוספים > שינויים.
כברירת מחדל, בכלי הפיתוח מוצגת הכרטיסייה שינויים בתחתית החלון של כלי הפיתוח, בחלונית ההזזה.
הצגה והבנה של השינויים
כדי להציג את השינויים:
- פותחים את כלי הפיתוח.
מבצעים את השינויים הרצויים במקורות:
- HTML: תחילה, מפעילים את האפשרות שינויים מקומיים ואז מבצעים שינויים במקורות
- CSS ב-Elements > (רכיבים) סגנונות או מקורות
- JavaScript במקורות
פותחים את הכרטיסייה שינויים ובוחרים קובץ בצד שמאל של הכרטיסייה.
חשוב לצפות בפלט
diff
שמדגיש את הדברים הבאים:
בכרטיסייה שינויים מתבצעת הדפסה יפה של הפלט diff
, כך שאין צורך לגלול אופקית כדי לראות את השינויים בשורה אחת.
העתקת שינויי ה-CSS
אם ביצעתם שינויים ב-CSS בקטע Elements > (רכיבים) סגנונות. אפשר להעתיק את כולם בלחיצה אחת:
פותחים את הכרטיסייה שינויים, ובצד שמאל של הכרטיסייה בוחרים את קובץ ה-CSS שביצעתם בו שינויים.
לוחצים על הלחצן העתקה בחלק התחתון של הכרטיסייה 'שינויים'.
ביטול כל השינויים שבוצעו בקובץ
כדי לבטל שינויים שבוצעו בקובץ:
- בצד ימין של הכרטיסייה שינויים, בוחרים קובץ עם השינויים שרוצים לבטל.
- בסרגל הפעולות שלמטה, לוחצים על ביטול כל השינויים בקובץ הנוכחי.