מפות מקור מאפשרות לשמור על הקוד קריא וניתן לניפוי באגים גם אחרי שמשלבים אותו ומקטינים אותו, בלי להשפיע על הביצועים.
כשמשתמשים במגוון של כלי תרגום, דחיסה וקיבוץ, הקוד שאתם פורסים שונה מהקוד שאתם כותבים. כדי לשפר את ביצועי הרשת, הכלים האלה דוחסים את הקוד לשורה אחת, מסירים תווים מיותרים ומקצרים משתנים.
יש כלים רבים שיכולים ליצור מפות מקור שיתלוו לקוד שלכם.
כלי הפיתוח של Chrome קוראים גם את הקוד שנפרס וגם את מפות המקור, ומאפשרים לכם לאתר באגים בקוד כמו שאתם עושים בדרך כלל, גם באמצעות נקודות עצירה.
כדי להבין טוב יותר איך מפות מקור פועלות, כדאי לעיין בכלי להצגה חזותית של מפות מקור.
בנוסף, למפות מקור יכולים להיות תוספים. אם אתם מפתחים כלים ותבניות, כדאי לכם לתמוך בהם. כדאי לעיין במחקר המקרה: שיפור ניפוי הבאגים ב-Angular באמצעות DevTools, שבו צוות DevTools ו-Angular שיפרו את חוויית ניפוי הבאגים ב-DevTools על ידי תמיכה בתוסף x_google_ignoreList.
מידע נוסף זמין במאמרים הבאים: