google क्रोम कंसोल, प्रिंट छवि

Question

लगभग एक साल पहले मैंने कंसोल लॉग को बढ़ाने के लिए एक प्लगइन बनाया था, मुख्य विचार कंसोल में छवियों को मुद्रित करना था, उदाहरण के लिए आप कुछ आइकन या ग्लिफ जोड़ सकते हैं।

यह बहुत अच्छा काम कर रहा था, मैंने देखा कि अभी ऑनलाइन उपलब्ध कई लोग हैं। समस्या यह है कि उनमें से कोई भी एटीएम काम नहीं कर रहा है।

मैंने देखा कि अंतिम क्रोम अपडेट के बाद मैंने इसे देखा। वर्तमान में मेरे पास संस्करण 49.0.2623.112 है।

उन प्लग इन सब के सब मेरा सहित एक ही तरह से काम करता है:

console.log("%c" + dim.string, dim.style + "background: url(" + url + "); background-size: " + (this.width * scale) + "px " + (this.height * scale) + "px; color: transparent;"); 

उदाहरण के लिए यह एक: plugin link on github

किसी को भी पता है कि कैसे हम क्रोम के नए संस्करण में कंसोल में छवियों मुद्रित कर सकते हैं?

Answer 1

सांत्वना F12 के साथ एक कोड उदाहरण का प्रयास करें:

console.log('%c ', 'font-size: 100px; background: url(http://cdn.nyanit.com/nyan2.gif) no-repeat;');

Answer 2

मैं एक ही मुद्दे को देखते हुए वास्तव में your console.image GitHub repository में भाग गया। हालांकि पोस्ट काफी पुराना है, मैं learned from the horse's mouth है कि यह Chrome Canary में काम करता है। वास्तव में, मैंने कैनरी में your plugin demo की कोशिश की और कताई चिकन को देखने में सक्षम था। मुझे अभी भी पता नहीं चला है कि अचानक क्रोम में क्यों काम करना बंद कर दिया। सुविधा अभी भी फ़ायरफ़ॉक्स के लिए फ़ायरबग में काम करती है। इस पर console.log() documentation for Chrome केवल टेक्स्ट-आधारित स्टाइल दिखाता है।

मुझे एक SO example मिला जहां उन्होंने पहले छवि लोड की और फिर console.log("%c....", "..."); का उपयोग करके स्टाइल लागू करें। दुर्भाग्य से, वह अभी भी "मानक" क्रोम में काम नहीं करता है।

तो, संक्षिप्त उत्तर, यह कैनरी की तरह दिखता है क्योंकि अब कंसोल में छवियों का समर्थन करता है।