कंसोल.लॉग () और कंसोल.डबग () के बीच अंतर?

Question

Google मेरे लिए मददगार नहीं रहा है, क्योंकि "कंसोल.डबग" की खोज करने से बस उन पृष्ठों का एक गुच्छा बन जाता है, जिन पर "कंसोल" और "डीबग" शब्द होते हैं।

मैं सोच रहा हूँ कि क्या अंतर है console.log()और console.debug()। क्या console.debug()बयानों के एक समूह का उपयोग करने का कोई तरीका है और फिर सभी डिबग स्टेटमेंट को आसानी से कंसोल पर भेजे जाने से बंद करने के लिए एक स्विच फ्लिप करें (जैसे साइट लॉन्च करने के बाद)?

Comments

यहाँ

— कंसोल

आप रंग डाल सकते हैं। कंसोल.लॉग ('% c नमूना पाठ', 'रंग: हरा;'); या पाठ में कुछ VAR जोड़कर उपयोग करें: कंसोल.लॉग (`नमूना $ {चर}`, 'रंग: हरा;');

— गिल्बर्टो बी। टेरा जूनियर

Answer 1

कम से कम IE, फ़ायरफ़ॉक्स और क्रोम कंसोल के लिए, .debug () बेहतर संगतता के लिए .log () के लिए केवल एक उपनाम है।

https://developer.mozilla.org/en-US/docs/Web/API/console

https://developers.google.com/chrome-developer-tools/docs/console-api#consoledebugobject_object

https://msdn.microsoft.com/en-us/library/ie/hh772183(v=vs.85).aspx

Comments

क्रोम debug()में नीले और log()काले रंग में आता है

— साइमन_वेअर

लॉग पर एक गंभीर सुधार ()।

— वेल विक्टस

से developer.mozilla.org/en-US/docs/Web/API/console : console.debug () - नोट: क्रोमियम 58 इस विधि केवल में क्रोमियम ब्राउज़र शान्ति प्रकट होता है जब स्तर "Verbose" पर चयन किया जाता है के साथ शुरू।

— cilf

क्रोम में डिबग का उपयोग करना:

— डिबगिंग को

Answer 2

तकनीकी रूप से console.log console.debugऔर console.infoसमान हैं हालांकि वे जिस तरह से डेटा प्रदर्शित करते हैं वह थोड़ा अलग है

console.log बिना किसी आइकन के काले रंग का टेक्स्ट

console.info आइकन के साथ नीले रंग का टेक्स्ट

console.debug शुद्ध काले रंग का पाठ

console.warn आइकन के साथ पीले रंग का टेक्स्ट

console.error आइकन के साथ लाल रंग का टेक्स्ट

var playerOne = 120;
var playerTwo = 130;
var playerThree = 140;
var playerFour = 150;
var playerFive = 160;

console.log("Console.log" + " " +  playerOne);
console.debug("Console.debug" + " " +playerTwo);
console.warn("Console.warn" + " " + playerThree);
console.info("Console.info" + " " + playerFour);
console.error("Console.error" + " " + playerFive);

Comments

Google क्रोम ब्राउज़र infoस्तर में लॉग केवल एक आइकन (स्नैपशॉट के समान) के साथ दिखाए जाते हैं, लेकिन पाठ ( console.infoआपकी पोस्ट में पाठ) काले रंग में है और पंक्ति का पृष्ठभूमि रंग सफेद है। संभवतः फ़ायरफ़ॉक्स ब्राउज़र के लिए आपका स्नैपशॉट।

— RBT

उत्तर के लिए धन्यवाद, स्क्रीनशॉट के साथ बहुत स्पष्ट है। हालांकि, यह पूछना होगा कि क्यों स्ट्रिंग संघनन? सिर्फ console.log("Console.log");इसके बजाय क्यों नहीं console.log("Console.log" + " " + playerOne);? क्या करता " " + playerOneहै?

— hofnarwillie

मेरे कंसोल में, मुझे एक ही डिस्प्ले console.log("Console.log"); console.debug("Console.debug"); console.warn("Console.warn"); console.info("Console.info"); console.error("Console.error");

— मिलती है

Answer 3

वे लगभग समान हैं - केवल अंतर यह है कि क्रोम के हाल के संस्करणों में डिबग संदेश डिफ़ॉल्ट रूप से छिपे हुए हैं (आपको Verboseडिबेट संदेशों को देखने के लिए कंसोल में जबकि Devtools topbar में लॉग स्तर सेट करना होगा ; लॉग संदेश डिफ़ॉल्ट रूप से दिखाई देते हैं)।

Comments

नमस्ते, यह सच लगता है, लेकिन मैं इस व्यवहार पर कोई जानकारी नहीं पा रहा हूं। क्रोम डॉक्स आज के रूप में यह उल्लेख नहीं है।

— ऑलिगॉफ्रेन

अब मैं अंत में समझ गया "कंसोल के शीर्ष पर वर्बोज़ के लिए लॉग स्तर सेट करें"। आप देव उपकरण में मतलब नीचे सांत्वना है। इस खंड के शीर्ष पर, फ़िल्टर और फ़्रेम चयनकर्ता के साथ, लॉग के लिए एक वर्बोसिटी ड्रॉप डाउन भी है (पूर्व निर्धारित "जानकारी" के लिए)

— oligofren

यह सबसे प्रासंगिक उत्तर है। हर कोई रंगों का उल्लेख करता है लेकिन यह IMO अधिक महत्वपूर्ण है।

— DurkoMatko

Answer 4

console.info, console.debugतरीकों के समान हैं console.log।

• console.log प्रिंटिंग स्टेटमेंट
• console.info नीले रंग में "i" आइकन के साथ काले रंग का पाठ
• console.debug नीला रंग पाठ

प्रलेखन:

• क्रोम
• अर्थात
• धार
• फ़ायर्फ़ॉक्स
• सफारी

Comments

Console.info नीले रंग को प्रिंट करता है,

— कंसोल.वरन को

मैंने क्रोम 52.0.2743.82 कंसोल में परीक्षण किया है। नीले रंग के आइकन के साथ काले रंग में प्रिंट करता है, पीले रंग के आइकन के साथ काले रंग में कंसोल कंसोल। प्रिंट में लाल रंग के साथ लाल रंग में प्रिंट प्रिंट होता है

— वेंकट

कृपया अपने उत्तर को तदनुसार संपादित करें ताकि मैं अपवोट या डाउनवोट को हटा सकूं, क्या आपने

— कंसोल.नेट

Answer 5

यदि आप चाहते हैं कि उत्पाद समाप्त होने के बाद आप लॉगिंग को अक्षम कर सकें तो आप console.debug()फ़ंक्शन को ओवरराइड कर सकते हैं या कोई अन्य कस्टम बना सकते हैं।

console.debug = function() {
    if(!console.debugging) return;
    console.log.apply(this, arguments);
};

console.debugging = true;
console.debug('Foo', {age:41, name:'Jhon Doe'});

फूओ {आयु: 41, नाम: "झोन डो"}

console.debugging = false;
console.debug('Foo', {age:26, name:'Jane Doe'});

उत्पादन नही

हालाँकि, मुझे पता था कि यह आउटपुट के साथ-साथ रंग भरने का भी एक तरीका है।

Answer 6

ब्राउज़रों के दस्तावेज़ीकरण से log, debugऔर भी infoविधियाँ कार्यान्वयन में समान हैं, लेकिन रंग और आइकन में भिन्न हैं

https://jsfiddle.net/yp4z76gg/1/

Comments

यह एक टिप्पणी है या कैसे दोनों समान हैं के लिए जवाब के साथ अधिक विवरण जोड़ सकते हैं या कोई अंतर नहीं ओ पी और others.Thanks को समझने के लिए चाहिए

— ρяσѕρєя कश्मीर