רוב הדפדפנים כוללים כלים מובנים למפתחים. הכלים האלה למפתחים כוללים בדרך כלל מסוף. במסוף יוצג מידע על הדף שרץ כרגע.
ההודעות שמתועדות במסוף מגיעות ממפתחי האתרים שבנו את הדף, או מהדפדפן עצמו.
לכל ההודעות במסוף יש רמת חומרה: Verbose, Info, Warning או Error.
כשמופיעה הודעה של Error, המשמעות היא שיש בדף בעיה שצריך לפתור.
איך בדיקת השגיאות בדפדפן Lighthouse נכשלה
כל שגיאות הדפדפן שתועדו במסוף מסומנות ב-Lighthouse:
תיקון שגיאות בדפדפן
חשוב לתקן כל שגיאת דפדפן שמדווחת ב-Lighthouse כדי להבטיח שכל המשתמשים יפעלו כמצופה.
כלי הפיתוח ל-Chrome כוללים כמה כלים שיעזרו לכם לאתר את הגורם לשגיאות:
- מתחת לטקסט של כל שגיאה, במסוף כלי הפיתוח מוצגת מקבץ הקריאות שגרם להפעלת הקוד הבעייתי.
- קישור בפינה השמאלית העליונה של כל שגיאה מכיל את הקוד שגרם לשגיאה.
לדוגמה, בצילום המסך הזה מוצג דף עם שתי שגיאות:
בדוגמה, השגיאה הראשונה מגיעה ממפתח/ת אתרים משיחה אל console.error().
השגיאה השנייה מגיעה מהדפדפן ומציינת שמשתנה מסוים באחד מהסקריפטים של הדף לא קיים.
מתחת לטקסט של כל שגיאה, ב-DevTools Console מופיע מקבץ הקריאות שבו הופיעה השגיאה.
לדוגמה, עבור השגיאה הראשונה, ה-Play Console מציין שפונקציית (anonymous) שנקראת init, שקוראת לפונקציה doStuff.
לחיצה על הקישור pen.js:9 בפינה השמאלית העליונה של אותה שגיאה תציג את הקוד הרלוונטי.
כדאי לבדוק את הקוד הרלוונטי לכל שגיאה באופן הזה כדי לזהות ולפתור בעיות אפשריות.
אם לא הצלחתם לזהות את הגורם לשגיאה, נסו להזין את טקסט השגיאה במנוע החיפוש. אם לא הצלחתם למצוא פתרונות לבעיה, נסו לשאול שאלה ב-Stack Overflow.
אם אתם לא מצליחים לתקן את השגיאה, כדאי לכלול אותה בהצהרה try…catch כדי לציין במפורש שאתם מודעים לבעיה בקוד.
אפשר גם להשתמש בבלוק catch כדי לטפל בשגיאה בצורה מדויקת יותר.