Console Logger לוכד את כל פלט ה-console (console.log, console.warn, console.error, console.info) ומציג אותו בפאנל צף ישירות על הדף. ראה שגיאות JavaScript, הודעות דיבאג ואזהרות בזמן אמת מבלי לפתוח את browser DevTools. ההודעות מקודדות בצבע לפי סוג וכוללות חותמות זמן ו-stack traces לשגיאות.
פתיחת browser DevTools רק כדי לבדוק פלט console תופסת שטח מסך יקר — במיוחד במסכים קטנים יותר או כשצריך לראות את הדף במלואו תוך כדי ניטור לוגים. Console Logger מספק חלופה קלת משקל: פאנל צף שמציג את כל פלט ה-console כפי שמתרחש, מונח על גבי הדף. הפאנל לוכד console.log, console.warn, console.error, console.info וחריגות שלא טופלו עם stack traces מלאים. ההודעות מקודדות בצבע (שגיאות באדום, אזהרות בצהוב, info בכחול, לוגים בלבן/אפור) וכוללות חותמות זמן למעקב אחר מועד האירועים. כפתורי סינון מאפשרים להציג רק סוגי הודעות ספציפיים — הצג רק שגיאות בעת ניפוי קריסה, או רק אזהרות בחיפוש הודעות deprecation. הפאנל ניתן לגרירה, לשינוי גודל ולמחצה-שקיפות כדי שלא יחסום יותר מדי תוכן דף.
הודעות console מופיעות בזמן אמת כפי שנרשמות. ראה לוגי אתחול דף, טיפול בתגובות API, אירועי אינטראקציה עם משתמש והודעות שגיאה — הכל זורם חי בפאנל הצף.
שגיאות באדום, אזהרות בענבר/צהוב, info בכחול ולוגים רגילים בלבן/אפור. הבחן מיידית בין שגיאה קריטית להודעת לוג שגרתית על פי צבע בלבד.
שגיאות JavaScript כוללות את ה-stack trace המלא עם שמות קבצים, שמות פונקציות ומספרי שורות. לחץ על הפניית הקובץ כדי לזהות בדיוק היכן נוצרה השגיאה מבלי לפתוח DevTools.
כפתורי סינון בחלק העליון מאפשרים להציג/להסתיר סוגי הודעות ספציפיים: הכל, שגיאות בלבד, אזהרות בלבד, Info בלבד, לוגים בלבד. תג הספירה על כל מסנן מראה כמה הודעות מסוג זה קיימות.
כל הודעה מציגה את השעה שבה נרשמה (פורמט HH:MM:SS). עקוב אחר רצף האירועים, זהה בעיות ביצועים (כמה זמן בין קריאת API לתגובה) ושייך הודעות לפעולות משתמש.
נקה את כל ההודעות כדי להתחיל מחדש, או המשך לצבור בזמן שאתה מתקשר עם הדף. הפאנל מציג את ספירת ההודעות הכוללת וניתן למזעור כשאינו נחוץ.
צריך לראות פלט console תוך שמירה על הדף המלא גלוי? Console Logger מאפשר לנטר לוגים מבלי שפאנל DevTools יתפוס שטח מסך. מושלם במסכים קטנים יותר או בזמן מצגות.
אם ה-JavaScript שלך מתעד תגובות API, Console Logger מציג אותן בזמן אמת. ראה נתוני request/response מבלי לעבור בין הדף ל-DevTools.
חלק מהשגיאות ב-JavaScript נכשלות בשקט — ללא שינוי UI גלוי, אך עם שגיאה ב-console. Console Logger הופך אותן לגלויות על הדף כדי שתשים לב אליהן במהלך גלישה רגילה.
במהלך הדגמה חיה, שמור את פאנל Console Logger גלוי בפינה. אם משהו משתבש, תוכל לראות מיידית את הודעת השגיאה מבלי להפסיק את ההדגמה לפתיחת DevTools.
סקריפטים של צד שלישי (analytics, ווידג'טי צ'אט, רשתות פרסום) לעתים קרובות זורקים שגיאות או אזהרות. Console Logger לוכד אותם כדי שתוכל לנטר את תקינות התלויות החיצוניות.
פתח את ה-dock הצף של DevSuite Pro ולחץ על סמל Console Logger. פאנל צף מופיע ומתחיל מיידית ללכוד פלט console.
השתמש בדף כרגיל — לחץ על כפתורים, נווט, שלח טפסים. הודעות console מופיעות בפאנל כפי שנרשמות על ידי ה-JavaScript של הדף.
השתמש בכפתורי הסינון כדי להציג שגיאות, אזהרות או לוגים בלבד. תגי הספירה מראים כמה הודעות קיימות לכל סוג.
עבור הודעות שגיאה, הרחב את ה-stack trace כדי לראות את הקובץ ומספר השורה שבו אירעה השגיאה. השתמש בזה כדי לזהות את מקור הבאג.
לחץ על "Clear" כדי לאפס את הפאנל, או השבת את הכלי כדי לסגור אותו. לא נשאר שום עקבות בדף.
התקן את DevSuite Pro בחינם ופתח 39+ כלי פיתוח לדפדפן שלך.
