משתמשים בחלונית משאבים למפתחים כדי לבדוק אם כלי הפיתוח טוען מפות מקור בהצלחה. אם צריך, אפשר לטעון אותם באופן ידני.
סקירה כללית
כשפותחים את DevTools, הוא מנסה לטעון מפות מקור, אם יש כאלה. במקרה של כשל, במסוף תירשם שגיאה דומה לזו:
בחלונית משאבים למפתחים אפשר לראות את סטטוס הטעינה של מפת המקור, ואפילו לטעון מפות מקור באופן ידני.
פתיחת 'מקורות מידע למפתחים' ובדיקת הסטטוס
כדי לבדוק את סטטוסי הטעינה של מפות המקור:
- פותחים את כלי הפיתוח, מוודאים שמפעילים את מפות המקור ועוברים אל > כלים נוספים > משאבים למפתחים.
בטבלה, בודקים את הערכים בעמודות הבאות:
- סטטוס כדי לראות אם הטעינה של מפת המקור הצליחה או נכשלה.
- Error כדי לקרוא את הודעת השגיאה, אם יש כזו.
סינון משאבים לפי כתובת URL או שגיאה
כדי להתמקד במפות המקור שמעניינות אתכם, מזינים טקסט בתיבת הטקסט שבחלק העליון כדי לסנן מפות מקור שלא מכילות את הטקסט הזה בכתובות URL או בהודעות שגיאה.
פתרון בעיות בטעינת מפות מקור
כברירת מחדל, כלי הפיתוח מבקשים מפות מקור במקום את האתר. יכול להיות שהבקשות האלה יטופלו כבקשות ממקורות שונים, ויכול להיות שהן לא יעברו.
כדי שהאתר יתחיל לבקש קובצי מקור, מסמנים את התיבה 
טעינה דרך האתר בפינה השמאלית העליונה של משאבים למפתחים.
אם הבעיות בטעינת מפות המקור נמשכות, נסו לטעון אותן באופן ידני כפי שמתואר בהמשך.
טעינת מפת מקור באופן ידני
אם נתקלתם בכשלים בחיבור או, למשל, אתם רוצים לאתר באגים בקוד המקורי באתר בסביבת הייצור שבו אין מפות מקור, תוכלו לטעון אותן באופן ידני:
- יצירת מפות מקור באמצעות כלים שתומכים בהן.
- אירוח מפות המקור באופן מקומי.
- פותחים את כלי הפיתוח בדף ומוודאים שמפעילים את מפות המקור.
פותחים את הקובץ שנפרס (שעובד) בקטע מקורות, לוחצים עליו לחיצה ימנית בעורך ובוחרים באפשרות הוספת מפת מקור בתפריט.
בתיבת הטקסט, מציינים את כתובת ה-URL של מפת המקור ולוחצים על הוספה.
בודקים אם מפת המקור מופיעה במשאבי הפיתוח ואת הקובץ המקורי (הממופה מהקובץ שנפרס) בעץ הקבצים.
ממשיכים לניפוי באגים בקובץ המקורי.