"Si un trabajador quiere hacer bien su trabajo, primero debe afilar sus herramientas." - Confucio, "Las Analectas de Confucio. Lu Linggong"
Página delantera > Programación > ¿Puedes usar CSS para la salida de la consola de color en Chrome y Firefox?

¿Puedes usar CSS para la salida de la consola de color en Chrome y Firefox?

Publicado el 2025-04-15
Navegar:401

Can You Use CSS to Color Console Output in Chrome and Firefox?

que muestra los colores en la console JavaScript

es posible usar la consola de Chrome para mostrar texto coloreado, como rojo para errores, naranja para advertencias y verde para console.log mensajes?

respuesta

Sí, es posible usar CSS para agregar colores a los mensajes que se muestran en la consola en Chrome y Firefox (versión 31 o posterior). Para lograr esto, use el siguiente patrón:

console.log('%c Oh my heavens! ', 'background: #222; color: #bada55');

En este ejemplo, %c representa el estilo de CSS para aplicar al texto, mientras que la cadena posterior dentro de las cotizaciones individuales define las reglas de estilo reales. Las reglas de estilo CSS pueden incluir propiedades como el fondo, el color y el peso de fuentes para formatear el texto según lo desee.

Último tutorial Más>

Descargo de responsabilidad: Todos los recursos proporcionados provienen en parte de Internet. Si existe alguna infracción de sus derechos de autor u otros derechos e intereses, explique los motivos detallados y proporcione pruebas de los derechos de autor o derechos e intereses y luego envíelos al correo electrónico: [email protected]. Lo manejaremos por usted lo antes posible.

Copyright© 2022 湘ICP备2022001581号-3