Console Utilities API का रेफ़रंस

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), दिए गए XPath एक्सप्रेशन से मेल खाने वाले DOM एलिमेंट की एक कैटगरी दिखाता है.

उदाहरण के लिए, यहां दिए गए कोड से पेज पर मौजूद सभी <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) का इस्तेमाल करें. इसके अलावा, सभी ब्रेकपॉइंट बंद करने के लिए यूज़र इंटरफ़ेस (यूआई) का इस्तेमाल करें.

ब्रेकपॉइंट के बारे में ज़्यादा जानने के लिए, ब्रेकपॉइंट की मदद से अपने कोड को रोकना लेख पढ़ें.

dir(object)

dir(object), ऑब्जेक्ट के स्टाइल वाली एक सूची दिखाता है. इसमें, तय किए गए ऑब्जेक्ट की सभी प्रॉपर्टी शामिल होती हैं. यह तरीका, Console API के console.dir() तरीके का शॉर्टकट है.

नीचे दिए गए उदाहरण में, कमांड लाइन में सीधे तौर पर document.body का आकलन करने और उसी एलिमेंट को दिखाने के लिए document.body का इस्तेमाल करने के बीच का अंतर दिखाया गया है:dir()
document.body;
dir(document.body);



ज़्यादा जानकारी के लिए, Console API में console.dir() एंट्री देखें.

dirxml(object)

dirxml(object), Elements पैनल में दिखने वाले ऑब्जेक्ट का एक्सएमएल वर्शन प्रिंट करता है.
यह तरीका, console.dirxml() तरीके के बराबर है.

inspect(object/function)

inspect(object/function), सही पैनल में बताए गए एलिमेंट या ऑब्जेक्ट को खोलता है और उसे चुनता है. DOM एलिमेंट के लिए Elements पैनल या JavaScript हीप ऑब्जेक्ट के लिए Profiles पैनल.

यहां दिए गए उदाहरण में, Elements पैनल में document.body खोला गया है:
inspect(document.body);



फ़ंक्शन की जांच करने के लिए, उसे पास करने पर, फ़ंक्शन आपके लिए दस्तावेज़ को सोर्स पैनल में खोलता है, ताकि आप उसकी जांच कर सकें.

getEventListeners(object)

getEventListeners(object), बताए गए ऑब्जेक्ट पर रजिस्टर किए गए इवेंट लिसनर दिखाता है. इस फ़ंक्शन से मिलने वाली वैल्यू एक ऑब्जेक्ट होती है. इसमें हर रजिस्टर किए गए इवेंट टाइप (उदाहरण के लिए, click या keydown) के लिए एक कलेक्शन होता है. हर कैटगरी के सदस्य ऐसे ऑब्जेक्ट होते हैं जो हर टाइप के लिए रजिस्टर किए गए लिसनर के बारे में बताते हैं. उदाहरण के लिए, यहां दस्तावेज़ ऑब्जेक्ट पर रजिस्टर किए गए सभी इवेंट लिसनर की सूची दी गई है:
getEventListeners(document);



अगर बताए गए ऑब्जेक्ट पर एक से ज़्यादा लिसनर रजिस्टर किए गए हैं, तो ऐरे में हर लिसनर के लिए एक सदस्य शामिल होता है. यहां दिए गए उदाहरण में, click इवेंट के लिए document एलिमेंट पर दो इवेंट लिसनर रजिस्टर किए गए हैं:



इनमें से हर ऑब्जेक्ट को बड़ा करके, उनकी प्रॉपर्टी देखी जा सकती हैं:



ज़्यादा जानकारी के लिए, ऑब्जेक्ट प्रॉपर्टी की जांच करना लेख पढ़ें.

keys(object)

keys(object) यह फ़ंक्शन, दिए गए ऑब्जेक्ट की प्रॉपर्टी के नाम वाली एक अरे दिखाता है. एक ही प्रॉपर्टी की जुड़ी हुई वैल्यू पाने के लिए, values() का इस्तेमाल करें.

उदाहरण के लिए, मान लें कि आपके ऐप्लिकेशन ने यह ऑब्जेक्ट तय किया है:
let player = {
    "name": "Parzival",
    "number": 1,
    "state": "ready",
    "easterEggs": 3
};

मान लें कि player को ग्लोबल नेमस्पेस में तय किया गया था. इसलिए, Console में keys(player) और values(player) टाइप करने पर, यह नतीजा मिलता है:



monitor(function)

जब तय किए गए फ़ंक्शन को कॉल किया जाता है, तो कंसोल में एक मैसेज लॉग किया जाता है. इससे फ़ंक्शन के नाम के साथ-साथ, उन आर्ग्युमेंट के बारे में पता चलता है जो फ़ंक्शन को कॉल किए जाने पर पास किए जाते हैं.
function sum(x, y) {
  return x + y;
}
monitor(sum);



मॉनिटर करना बंद करने के लिए, unmonitor(function) का इस्तेमाल करें.

monitorEvents(object [, events])

जब तय किए गए ऑब्जेक्ट पर तय किए गए इवेंट में से कोई एक इवेंट होता है, तब इवेंट ऑब्जेक्ट को कंसोल में लॉग किया जाता है. मॉनिटर करने के लिए, किसी एक इवेंट, इवेंट के कलेक्शन या इवेंट के पहले से तय किए गए कलेक्शन से मैप किए गए सामान्य इवेंट के "टाइप" में से किसी एक को चुना जा सकता है. उदाहरण देखें.

नीचे दिया गया कोड, विंडो ऑब्जेक्ट पर साइज़ बदलने से जुड़े सभी इवेंट को मॉनिटर करता है.
monitorEvents(window, "resize");



यहां विंडो ऑब्जेक्ट पर "resize" और "scroll" दोनों इवेंट को मॉनिटर करने के लिए, एक कलेक्शन तय किया गया है:
monitorEvents(window, ["resize", &quot;scroll"])

आपके पास उपलब्ध इवेंट "टाइप" में से किसी एक को चुनने का विकल्प भी होता है. ये ऐसी स्ट्रिंग होती हैं जो इवेंट के पहले से तय किए गए सेट में मैप होती हैं. यहां दी गई टेबल में, उपलब्ध इवेंट टाइप और उनसे जुड़ी इवेंट मैपिंग की जानकारी दी गई है:

इवेंट टाइप और उससे मैप किए गए इवेंट
चूहा
"mousedown", "mouseup", "click", "dblclick", "mousemove", "mouseover", "mouseout", "mousewheel"
बटन
"keydown", "keyup", "keypress", "textInput"
छूना
"touchstart", "touchmove", "touchend", "touchcancel"
कंट्रोल
"resize", "scroll", "zoom", "focus", "blur", "select", "change", "submit", "reset"

उदाहरण के लिए, यहां "key" इवेंट टाइप का इस्तेमाल किया गया है. इससे Elements पैनल में फ़िलहाल चुने गए इनपुट टेक्स्ट फ़ील्ड पर मौजूद सभी मुख्य इवेंट ट्रिगर होते हैं.
monitorEvents($0, "key");

टेक्स्ट फ़ील्ड में वर्ण टाइप करने के बाद, यहां सैंपल आउटपुट दिया गया है:



मॉनिटर करना बंद करने के लिए,