El console.log de Javascript me permite aplicar estilos CSS al primer argumento de la siguiente manera:
console.log("%chey hey we're the monkees!", "font-weight: bold; color: fuchsia")... que es increíble. Pero no funciona bien con múltiples argumentos de registro. Me gustaría hacer algo como esto:
console.log(`%c${timestamp}`, "color: #999", `%c${tags}`, "background-color: #bbb", message) // doesn't work; second format code is not interpreted ¿Hay alguna forma de aplicar múltiples códigos de formato a múltiples argumentos de console.log ?
De hecho puedes. Solo necesita agregar un segundo %c y luego otro parámetro console.log de la misma manera que el primero.
Ejemplo:
console.log( `%cMy first styles / %cMy second styles`, "font-size:24px", "font-size:12px;;" );Entonces, en su ejemplo, debe tener la marca de tiempo y las etiquetas en el mismo primer parámetro, y los siguientes dos parámetros deben ser los estilos independientes y, finalmente, su mensaje:
console.log(`%c${timestamp} %c${tags}`, "background-color: #bbb","color: #999", message)