मैं स्वरूपित जावास्क्रिप्ट कंसोल लॉग संदेश कैसे बनाऊं

Question

मैं आज फेसबुक पर क्रोम में कंसोल द्वारा 'वाडल्ड' कर रहा हूं।
हैरानी की बात यह है कि मुझे यह संदेश कंसोल में मिला है।

अब मेरा सवाल है:
यह कैसे संभव है?
मुझे पता है कि कंसोल के लिए कुछ 'शोषण' तरीके हैं, लेकिन आप कंसोल में इस तरह के फॉन्ट को कैसे बना सकते हैं? (और क्या यह कंसोल है?)

Answer 1

हां, आप console.log()कुछ इस तरह से प्रारूपित कर सकते हैं :

console.log("%cExtra Large Yellow Text with Red Background", "background: red; color: yellow; font-size: x-large");

ध्यान दें %cपहले तर्क में पाठ और दूसरे तर्क में शैली विशिष्टताओं पर । पाठ आपके उदाहरण की तरह दिखाई देगा।

देखें गूगल के "सीएसएस के साथ स्टाइलिंग कंसोल आउटपुट" या FireBug कंसोल प्रलेखन अधिक जानकारी के लिए।

प्रलेखन लिंक में कुछ अन्य साफ-सुथरी तरकीबें भी शामिल हैं जैसे ऑब्जेक्ट लिंक में कंसोल लॉग के साथ।

Comments

आप यह जांचना चाहेंगे कि एक संगत ब्राउज़र प्रारूप स्ट्रिंग का उपयोग करने से पहले उपयोग में है console.log, क्योंकि पुराने ब्राउज़र अपवाद के साथ आपकी स्क्रिप्ट को रोक सकते हैं। caniuse का कहना है कि इसे फ़ायरफ़ॉक्स 9 और एज 79 में पेश किया गया था; Chrome 83 से पहले कुछ समय पहले Chrome ने इसका समर्थन करना शुरू कर दिया था, लेकिन हमें नहीं पता कि कब।

— सिलस एस ब्राउन

Answer 2

इसे इस्तेमाल करे:

console.log("%cThis will be formatted with blue text", "color: blue");

डॉक्स का हवाला देते हुए,

आप कंसोल के लिए कंसोल (।) या संबंधित तरीकों से लिखने वाले किसी भी स्ट्रिंग में कस्टम सीएसएस नियमों को लागू करने के लिए% c प्रारूप विनिर्देशक का उपयोग करते हैं।

स्रोत: https://developers.google.com/web/tools/chrome-devtools/console/console-write#styling_console_output_with_css

Comments

हाय downvoter, किसी भी टिप्पणी जोड़ने के लिए? - जब आप खुद को समझाने वाली टिप्पणियों को नहीं छोड़ते हैं, तो जवाब में सुधार करना मुश्किल होता है (जो आपको लगता है कि अच्छा नहीं है)। :)

— ब्लरफस

Answer 3

आप सबस्ट्रिंग को भी फॉर्मेट कर सकते हैं।

var red = 'color:red';
var blue = 'color:blue';
console.log('%cHello %cWorld %cfoo %cbar', red, blue, red, blue);

Comments

ध्यान दें कि यह केवल पहले तर्क के भीतर शैली के लिए संभव है console.logऔर शैलियों को तुरंत पालन करना चाहिए।

— क्वर्टी

Answer 4

Google की वेबसाइट से: साइट

console.log("%cThis will be formatted with large, blue text", "color: blue; font-size: x-large");