2014-07-18 22 views
25

Recentemente ho effettuato l'accesso al mio account FB sul browser Chrome. Quando ho aperto gli strumenti di sviluppo, ho visto qualcosa di simile:JavaScript - aggiunta di stile al testo del log della console

enter image description here

Ora so che è possibile aggiungere qualsiasi cosa per consolare utilizzando la funzione javascript console.log. Ma la mia domanda è: come hanno aggiunto lo stile al testo? Per esempio. "Stop!" è scritto in caratteri di tahoma rosso con bordo nero e dimensioni maggiori. Come hanno fatto?

risposta

41

Addy Osmani ha una buona spiegazione:

https://plus.google.com/+AddyOsmani/posts/TanDFKEN9Kn

In sostanza, è possibile utilizzare il% c paramater a passare in stile CSS. Per un esempio, provare quanto segue nella console cromata:

console.log("%cBlue! %cGreen", "color: blue; font-size:15px;", "color: green; font-size:12px;");

+1

Questo è corretto, ma in generale è preferibile che almeno parafrasare il collegamento, nel caso in cui il collegamento va mai giù. –

+3

@MikeC Aggiunto in una modifica :) – khalid13

+2

+1 Questo è fantastico! –

Problemi correlati