code-1839406_19203.jpg

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

משתמשים בקונסול? הנה כמה טיפים שווים במיוחד לעבודה קלה ונוחה עם הכלי. מוזמנים לגזור ולשמור, וגם להדביק לנו טיפ שווה משלכם.
נכתב ע"י 5127109 · ‏19/8/19 ·
  1. 5127109
    לכבד פתיחת פורום המתכנתים החדש, הבאתי כמה טיפים לקונסול, שאנחנו רואים אותו הרבה שעות מול העיניים כל יום.

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

    2019-08-18_192636.jpg


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

    2019-08-18_193002.jpg


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

    2019-08-18_193130.jpg

    וגם עם מערך:
    2019-08-19_162254.jpg
    4.%s הוא ממש פלייס הולדר, ואפשר אפילו לשים שם פונקציה. עם הרבה חישובים וכו' דוגמה פשוטה:

    2019-08-18_200312.jpg


    5.ואם גם הצבעים המוצעים לא עוזרים אפשר ממש לעצב את הקונסול כמו ממש CSS על ידי הוספה של %C לארגומנט הראשון, ואחרי זה סטייל, כמו בשנות התשעים כזה: יש הרבה שמחטטים בקונסול של אתרים, אגב.

    2019-08-18_193703.jpg

    6. אם רוצים לדעת כמה פעמים עברתם במקום מסוים בקוד (כמו לראות כמה פעמים זה התרנדר, למשל) תשמשו בזה:
    console.count();




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

תגובות

בכדי לרשום תגובה, עליך להרשם לאתר.
  1. הכי בעולם
    תודה
      5127109 מודה על התגובה.
  2. 5127109
    ואו, לא ידעתי שכולם כל כך אוהבים את הקונסול....
    בעז"ה אני צריך באמת לכתוב כמה מילים על הפקודות האחרות שאפשר להריץ ממנה עבור האתר שבו אנו נמצאים.
      תודה רבה! מודה על התגובה.
  3. ניוגראף
    יש גם את console.time, שמפעיל טיימר שאפשר להשתמש בו כדי לעקוב אחר משך זמן פעולה. אתה נותן לכל טיימר שם ייחודי, (אפשר עד 10,000 טיימרים בעמוד). כשאתה קורא ל- console.timeEnd() עם אותו שם, הדפדפן יפיק את הזמן, באלפי שניות, שחלף מאז תחילת הטיימר.
      אפרת19, אשר כותבת ו-5127109 מודים על התגובה.
  4. יהודה מאיר .א.
    באמת שווה!!
      5127109 מודה על התגובה.