google chrome console, immagine di stampa

Question

Circa anno fa ho creato un plugin per migliorare i resoconti della console, idea principale era quella di stampare le immagini in consolle, così per esempio si potrebbe aggiungere alcune icone o glifi.

Si stava lavorando abbastanza piacevole, ho visto che ci sono molti di quelli disponibili online in questo momento. Il problema è che nessuno di loro sta lavorando.

L'ho notato dopo l'ultimo aggiornamento di Chrome, credo. attualmente ho la versione 49.0.2623.112.

Tutti questi plugin tra cui il mio funziona allo stesso modo:

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

Per esempio questo: plugin link on github

Qualcuno sa come ci permette di stampare immagini in consolle nelle versioni più recenti di Chrome?

Answer 1

Prova un esempio di codice con la console F12:

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

Answer 2

mi sono imbattuto in your console.image GitHub repository come un dato di fatto, mentre esaminando lo stesso problema. Sebbene il post sia piuttosto vecchio, I learned from the horse's mouth funziona in Chrome Canary. In effetti, ho provato your plugin demo in Canary e sono riuscito a vedere il pollo che gira. Non ho ancora scoperto perché improvvisamente ha smesso di funzionare in Chrome. La funzionalità funziona ancora in Firebug per Firefox. Lo console.log() documentation for Chrome su questo mostra solo lo stile basato sul testo.

Ho trovato uno SO example dove caricano prima l'immagine e quindi applichiamo lo stile utilizzando console.log("%c....", "...");. Sfortunatamente, ciò non funzionava ancora in Chrome "standard".

Quindi, risposta breve, sembra che Canarie per ora supporta immagini nella console.