הפניית API של Console Utilities

let images = $$('img');
for (let each of images) {
  console.log(each.src);
}

<img> רכיבים
שמופיעים במסמך הנוכחי אחרי הצומת שנבחר:
let images = $$('img', document.querySelector('.devsite-header-background'));
for (let each of images) {
  console.log(each.src);
}





$x(path [, startNode]

$x(path) מחזירה מערך של רכיבי DOM שתואמים לביטוי ה-XPath הנתון.

לדוגמה, הדוגמה הבאה מחזירה את כל רכיבי <p> בדף:
$x("//p")



הדוגמה הבאה מחזירה את כל רכיבי <p> שמכילים את רכיבי <a>:
$x("//p[a]")



בדומה לפונקציות הסלקטור האחרות, ב-$x(path) יש פרמטר שני אופציונלי, startNode,
שמציין רכיב או צומת שמהם יש לחפש רכיבים.



clear()

clear() מוחק את ההיסטוריה שלו במסוף.
clear();

Copy(object)

copy(object) מעתיקה ללוח ייצוג במחרוזת של האובייקט שצוין.
copy($0);

debug(function)

כשמתבצעת קריאה לפונקציה שצוינה, הכלי לניפוי באגים מופעל ונשבר בתוך הפונקציה
החלונית מקורות מאפשרת לעבור על הקוד ולנפות באגים.
debug(getData);



כדי להפסיק את השיבושים בפונקציה, משתמשים ב-undebug(fn), או משתמשים בממשק המשתמש כדי להשבית את כל נקודות העצירה (breakpoint).

מידע נוסף על נקודות עצירה (breakpoint) זמין במאמר השהיית הקוד באמצעות נקודות עצירה (breakpoint).

dir(object)

dir(object) מציג רשימה בסגנון אובייקטים של כל המאפיינים של האובייקט שצוין. השיטה הזו
הוא קיצור דרך ל-method console.dir() של Console API.

הדוגמה הבאה מציגה את ההבדל בין הערכה של document.body ישירות
בשורת הפקודה, ושימוש ב-dir() כדי להציג את אותו הרכיב:
document.body;
dir(document.body);



למידע נוסף עיינו ברשומה console.dir() ב-Console API.

dirxml(object)

dirxml(object) מדפיסה ייצוג XML של האובייקט שצוין, כפי שמוצג בחלונית Elements.
השיטה הזו מקבילה לשיטה console.dirxml().

inspect(object/function)

inspect(object/function) פותח ובוחר את הרכיב או האובייקט שצוין
החלונית Elements (רכיבים) לרכיבי DOM או חלונית הפרופילים עבור אובייקטי ערימה של JavaScript.

הדוגמה הבאה פותחת את document.body בחלונית Elements:
inspect(document.body);



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

getEventListeners(object)

getEventListeners(object) מחזירה את פונקציות event listener שרשומים באובייקט שצוין. 
הערך המוחזר הוא אובייקט שמכיל מערך לכל סוג של אירוע רשום (click או
keydown, למשל). החברים בכל מערך הם אובייקטים שמתארים את ה-listener שנרשם
לכל סוג. לדוגמה, בהמשך מוצגת רשימה של כל פונקציות event listener שנרשמו במסמך
object:
getEventListeners(document);



אם רשום יותר מ-listener אחד על האובייקט שצוין, המערך מכיל איבר
לכל מאזין. בדוגמה הבאה יש שני פונקציות event listener שרשומים
רכיב מסמך עבור האירוע click:



אפשר להרחיב כל אחד מהאובייקטים האלה כדי לחקור את המאפיינים שלהם:



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

מפתחות(אובייקט)

הפונקציה keys(object) מחזירה מערך שמכיל את שמות המאפיינים ששייכים למאפיין שצוין
לאובייקט. כדי לקבל את הערכים המשויכים של אותם נכסים, אפשר להשתמש בפונקציה values().

לדוגמה, נניח שהאפליקציה שלכם הגדירה את האובייקט הבא:
let player = {
    "name": "Parzival",
    "number": 1,
    "state": "ready",
    "easterEggs": 3
};

בהנחה ש-player הוגדר במרחב השמות הגלובלי (לפשטות), מקלידים keys(player) וגם
values(player) במסוף התוצאה:



Monitoring(function)

כשמתבצעת קריאה לפונקציה שצוינה, נרשמת במסוף הודעה שמציינת
שם הפונקציה יחד עם הארגומנטים שמועברים לפונקציה בזמן ההפעלה שלה.
function sum(x, y) {
  return x + y;
}
monitor(sum);



אפשר להשתמש ב-unmonitor(function) כדי להפסיק את המעקב.

monitorEvents(object [, events])

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

בדוגמה הבאה ניתן לעקוב אחר כל אירועי הגודל באובייקט החלון.
monitorEvents(window, "resize");



ההגדרה הבאה מגדירה מערך שעוקב גם אחרי 'שינוי גודל' ו"גלילה" אירועים באובייקט החלון:
monitorEvents(window, ["resize", "scroll"])

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

סוג אירוע & אירועים ממופים תואמים
עכבר
'mousedown', 'mouseup', 'click', 'dblclick', 'mousemove', 'mouseover', 'mouseout', "mousewheel"
מקש
'keydown', 'keyup', 'keypress', 'textInput'
Touch
'touchstart', 'touchmove', 'touchend', 'touchcancel' (ביטול מגע)
עוצמת הקול
'resize', 'scroll', 'zoom', 'focus', 'blur', 'select', 'change', 'submit', 'reset'

לדוגמה, הפקודה הבאה משתמשת ב'מפתח'. סוג האירוע: כל האירועים המרכזיים התואמים בטקסט שהוזן
נבחר כרגע בחלונית Elements (רכיבים).
monitorEvents($0, "key");

לפניכם פלט לדוגמה אחרי הקלדת תווים בשדה הטקסט:



אפשר להשתמש ב-unmonitorEvents(object[, events]) כדי להפסיק את המעקב.

profile([name]) ו- profileEnd([name])

profile() מתחיל סשן פרופיילינג של המעבד (CPU) ב-JavaScript עם שם אופציונלי. profileEnd()
מסיים את הפרופיל ומציג את התוצאות בקטע ביצועים > טראק ראשי.



כדי להתחיל ליצור פרופיל:
profile("Profile 1")

כדי להפסיק את יצירת הפרופילים ולראות את התוצאות בקטע ביצועים > טראק ראשי:
profileEnd("Profile 1")

התוצאה היא בקטע ביצועים > טראק ראשי:



אפשר גם להגדיר יצירת פרופילים מקוננים. לדוגמה, הכתובת הזו תפעל בכל סדר שתרצו:
profile('A');
profile('B');
profileEnd('A');
profileEnd('B');



queryObjects(Constructor)

קוראים לפונקציה queryObjects(Constructor) מהמסוף כדי להחזיר מערך של אובייקטים שנוצרו.
באמצעות ה-constructor שצוין. לדוגמה:


queryObjects(Promise) מחזירה את כל המופעים של Promise.
queryObjects(HTMLElement) מחזירה את כל רכיבי ה-HTML.
queryObjects(foo), כאשר foo הוא שם הכיתה. החזרת כל האובייקטים שנוצרו
דרך new foo().


ההיקף של queryObjects() הוא הקשר הביצוע שנבחר במסוף כרגע.

table(data [, columns])

רישום נתוני אובייקטים עם עיצוב טבלה על ידי העברת אובייקט נתונים עם כותרות עמודות אופציונליות.
זהו קיצור דרך של console.table().

לדוגמה, כדי להציג רשימת שמות באמצעות טבלה במסוף:
let names = [
  { firstName: "John", lastName: "Smith" },
  { firstName: "Jane", lastName: "Doe" },
];
table(names);



undebug(function)

undebug(function) מפסיק את ניפוי הבאגים של הפונקציה שצוינה, כך שהפונקציה
שנקראה, הכלי לניפוי באגים כבר לא מופעל. נעשה שימוש באפשרות הזו בשילוב עם debug(fn).
undebug(getData);

unMonitor(פונקציה)

הפקודה unmonitor(function) מפסיקה את המעקב אחרי הפונקציה שצוינה. משמש בשילוב עם
monitor(fn)
unmonitor(getData);

unmonitorEvents(object [, events])

unmonitorEvents(object[, events]) יפסיק לעקוב אחר אירועים עבור האובייקט והאירועים שצוינו. עבור
לדוגמה, הפקודה הבאה מפסיקה את כל המעקב אחר אירועים באובייקט window:
unmonitorEvents(window);

אפשר גם להפסיק באופן סלקטיבי את המעקב אחרי אירועים ספציפיים באובייקט. לדוגמה,
הקוד מתחיל לעקוב אחרי כל אירועי העכבר ברכיב הנוכחי שנבחר ואז מפסיק את המעקב
"mousemove" אירועים (אולי כדי להפחית את הרעש בפלט של המסוף):
monitorEvents($0, "mouse");
unmonitorEvents($0, "mousemove");

ערכים(אובייקט)

הפונקציה values(object) מחזירה מערך שמכיל את הערכים של כל הנכסים ששייכים למאפיין שצוין
לאובייקט.
let player = {
    "name": "Parzival",
    "number": 1,
    "state": "ready",
    "easterEggs": 3
};

values(player);