בעיות: איתור ותיקון של בעיות

Sam Dutton

Sofia Emelianova

החלונית בעיות בכלי הפיתוח ל-Chrome מפחיתה את העומס ועייפות ההתראות במסוף. אפשר להיעזר בו כדי למצוא פתרונות לבעיות שהדפדפן מזהה, כמו בעיות בקובצי cookie ותוכן מעורב.

הערה: עדיין מוסיפים תמיכה בסוגי בעיות חדשים בחלונית בעיות.

נכון לעכשיו, החלונית בעיות תומכת:

• בעיות בקובצי cookie
• תוכן מעורב
• בעיות בנושא COEP
• שגיאות CORS
• בעיות במצב תאימות
• (תצוגה מקדימה) בעיות של ניגודיות נמוכה
• בעיות בפעילות באינטרנט המהימנה
• בעיות בטעינה של גיליון סגנונות
• @property כללי CSS לא חוקיים
• הפרות של המדיניות בנושא אבטחת תוכן
• בעיות במאפיינים של ההשלמה האוטומטית

גרסאות עתידיות של Chrome יתמכו ביותר סוגי בעיות.

פתיחת חלונית הבעיות

1. נכנסים לדף שיש בו בעיות שצריך לפתור, למשל samesite-sandbox.glitch.me.
2. פותחים את כלי הפיתוח.

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

   

   לחלופין, בוחרים באפשרות בעיות בתפריט כלים נוספים.

   

4. בחלונית בעיות, מומלץ לטעון מחדש את הדף כדי לאתר עוד יותר בעיות, הפעם בזמן טעינת הדף.

   

יכול להיות שבמסוף יוצגו גם בעיות שדווחו על ידי הדפדפן. עם זאת, אתם תראו שקשה להבין בעיות כאלה (כמו האזהרה על קובצי Cookie בצילום המסך שבהמשך). לא ברור מה צריך לעשות כדי לתקן את הבעיה.

לעומת זאת, בחלונית בעיות מוצגות תובנות פרקטיות.

צפייה בפריטים בחלונית הבעיות

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

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

   

   לכל פריט יש ארבעה רכיבים:

   • כותרת שמתארת את הבעיה.
   • תיאור שמספק את ההקשר ואת הפתרון.
   • קטע בשם Allowed ResourcesS שמקשר למשאבים בהקשר המתאים של כלי הפיתוח, כמו Network, Sources, Elements וחלוניות אחרות.
   • קישורים להנחיות נוספות.

2. לוחצים על הפריטים ב-בנוסף למשאבי העזרה כדי להציג בעיות בהקשר.

קיבוץ בעיות לפי סוג

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

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

• שגיאות בדפים שמדווחות על ידי Chrome.
• שינויים שעלולים לגרום לשיבושים כמו הוצאה משימוש.
• שיפורים שמוצעים בכלי הפיתוח.

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

הכללת בעיות של צדדים שלישיים

בחלונית בעיות מוצגות בעיות בקובצי cookie של צד שלישי כברירת מחדל.

ניתן למצוא בעיות בקובצי cookie של צד שלישי בקטע מידע נוסף על משאבים ומשאבים שחסר בו קישור.

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

הסתרת הבעיות

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

כדי לראות את רשימת הבעיות המוסתרות, גוללים למטה לקטע בעיות מוסתרות ומרחיבים אותו.

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

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

הצגת הבעיות בהקשר

כדי לחקור בעיה:

1. בקטע Allowed ResourcesS, לוחצים על קישור למשאב כדי להציג את הפריט בהקשר המתאים בכלי הפיתוח. בדוגמה הזו, לוחצים על samesite-sandbox.glitch.me כדי להציג את קובצי ה-cookie שמצורפים לבקשה הזו. הקישור יעביר אתכם לחלונית רשת.

   

2. גוללים כדי להציג את הפריט שיש בו בעיה: במקרה הזה, קובץ ה-cookie ck02. אפשר להעביר את העכבר מעל סמל המידע בצד שמאל כדי לראות את הבעיה ואיך לפתור אותה.