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