Oggi ho "ondeggiato" dalla console in Chrome su Facebook.
Sorprendentemente ho ricevuto questo messaggio nella console.
Ora la mia domanda è:
come è possibile?
So che ci sono alcuni metodi di "exploit" per la console, ma come puoi rendere tale formattazione dei caratteri nella console? (ed è console.log?)
Come faccio a creare messaggi di log della console javascript formattati
Risposte:
Sì, puoi formattare il console.log()con qualcosa del genere:
console.log("%cExtra Large Yellow Text with Red Background", "background: red; color: yellow; font-size: x-large");Notare quanto %cprecede il testo nel primo argomento e le specifiche di stile nel secondo argomento. Il testo sarà simile al tuo esempio.
Per ulteriori dettagli, vedere " Applicazione di stili all'output della console con CSS" o la documentazione della console di FireBug .
I collegamenti alla documentazione includono anche altri trucchi accurati come l'inclusione di collegamenti a oggetti in un registro della console.
Prova questo:
console.log("%cThis will be formatted with blue text", "color: blue");Citando i documenti,
Utilizza l'identificatore di formato% c per applicare regole CSS personalizzate a qualsiasi stringa che scrivi nella console con console.log () o metodi correlati.
Ciao downvoter, qualche commento da aggiungere? - è difficile migliorare una risposta (che pensi non sia buona) quando non lasci commenti per spiegare te stesso. :)
—
blurfus
Puoi anche formattare sottostringhe.
var red = 'color:red';
var blue = 'color:blue';
console.log('%cHello %cWorld %cfoo %cbar', red, blue, red, blue);
Notare che è possibile applicare uno stile solo all'interno del primo argomento di
—
Qwerty
console.loge gli stili devono seguire immediatamente.
console.log, dal momento che i browser più vecchi potrebbero fermare lo script con un'eccezione. caniuse dice che è stato introdotto in Firefox 9 e Edge 79; Chrome ha iniziato a supportarlo evidentemente un po 'di tempo prima di Chrome 83 ma non sappiamo esattamente quando.