דף זה תורגם על ידי Cloud Translation API.

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

Sofia Emelianova

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

סקירה כללית

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

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

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

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

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

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

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

האפשרות 'שינויים' מודגשת בתפריט הנפתח 'כלים נוספים'

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

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

פותחים את כלי הפיתוח.
מבצעים את השינויים הרצויים במקורות:
- HTML: תחילה, מפעילים את האפשרות שינויים מקומיים ואז מבצעים שינויים במקורות
- CSS ב-Elements > (רכיבים) סגנונות או מקורות
- JavaScript במקורות
פותחים את החלונית שינויים ובוחרים קובץ בצד שמאל של החלונית.
חשוב לצפות בפלט diff שמדגיש את הדברים הבאים:

הבדלים מודגשים בחלונית 'שינויים'

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

אם ביצעתם שינויים ב-CSS בקטע Elements > (רכיבים) סגנונות. אפשר להעתיק את כולם בלחיצה אחת:

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

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

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