"Se um trabalhador quiser fazer bem o seu trabalho, ele deve primeiro afiar suas ferramentas." - Confúcio, "Os Analectos de Confúcio. Lu Linggong"
Primeira página > Programação > Você pode usar o CSS para colorir a saída do console no Chrome e no Firefox?

Você pode usar o CSS para colorir a saída do console no Chrome e no Firefox?

Postado em 2025-03-24
Navegar:828

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

exibindo cores no javascript Console

é possível usar o console do Chrome para exibir texto colorido, como vermelho para erros, laranja para alertas e verde para console.log Mensagens?

Answer

Sim, é possível usar o CSS para adicionar cores às mensagens exibidas no console no Chrome e no Firefox (versão 31 ou posterior). Para conseguir isso, use o seguinte padrão:

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

Neste exemplo, %c representa o estilo CSS para aplicar o texto, enquanto a sequência subsequente dentro de castações de single As regras do estilo CSS podem incluir propriedades como plano de fundo, cor e peso da fonte para formatar o texto conforme desejado.

Tutorial mais recente Mais>

Isenção de responsabilidade: Todos os recursos fornecidos são parcialmente provenientes da Internet. Se houver qualquer violação de seus direitos autorais ou outros direitos e interesses, explique os motivos detalhados e forneça prova de direitos autorais ou direitos e interesses e envie-a para o e-mail: [email protected]. Nós cuidaremos disso para você o mais rápido possível.

Copyright© 2022 湘ICP备2022001581号-3