שישה טיפים שווים בקונסול

[5127109]

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

1. כרוצים להדפיס אוביקט, ורוצים לעקוב אחריו ג"כ, אז אפשר לעטוף אותו בקרלי, ובגלל שהדפדפנים כולם היום תומכים בES6 זה יראה את זה כמו אוביקט וזה יתן אפשרות מעקב.
צפה בקובץ המצורף 527101
2. כשרוצים לקבל איזה אוביקט שהוא תגובה מAPI ולהכניס אותו לריפו בתור fakeData אבל הבעיה שאי אפשר להעתיק אותו מהקונסול כמות שהוא מכיון שאז חסר הצורה של האוביקט. בשביל זה יש את JSON.stringify בדוגמא פה זה לא משהו אבל העקרון ברור:

צפה בקובץ המצורף 527102



3. כולנו מכירים את console.warn וכן את info, שנותן אפשרות של צבע כדי לזהות לוגים בתור הים הגדול של הקונסול, וכו' אבל יש גם console.table שמאפשר לראות אוביקט כמו טבלה:
צפה בקובץ המצורף 527103

4.%s הוא ממש פלייס הולדר, ואפשר אפילו לשים שם פונקציה. עם הרבה חישובים וכו' דוגמה פשוטה:צפה בקובץ המצורף 527108

5.ואם גם הצבעים המוצעים לא עוזרים אפשר ממש לעצב את הקונסול כמו ממש CSS על ידי הוספה של %C לארגומנט הראשון, ואחרי זה סטייל, כמו בשנות התשעים כזה: יש הרבה שמחטטים בקונסול של אתרים, אגב.
צפה בקובץ המצורף 527104
6. אם רוצים לדעת כמה פעמים עברתם במקום מסוים בקוד (כמו לראות כמה פעמים זה התרנדר, למשל) תשמשו בזה:
console.count();


מוזמנים להוסיף עוד טיפים לקונסול.

 

[אסתר א]

וואו ה - console.table ממש לא מוכר!
תודה

 

[5127109]

והוא כל כך שימושי, עושה כל כך הרבה סדר. אפשר גם להדפיס מערך ככה:

 

[build-me]

ממש מקסים
איפה אפשר ללמוד במרוכז על כל נפלאות הקונסול?
אשמח לקבל קישור או סיכום כלשהו
תודה

 

[@shaye]

אשמח לקבל קישור או סיכום כלשהו

הסיכום הכי טוב אפשר למצוא ב...תוך הקונסול!
פשוט יש להריץ `console` בתוך הקונסול, וכל הproperties יופיעו אחד לאחד!