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