6

Estou precisando fazer algo parecido como a imagem abaixo:

inserir a descrição da imagem aqui

É possível vê-la quando entramos na console do navegador acessando qualquer página do Facebook.

Tentei inserir HTML na função console.log(), mas foi em vão. Alguma dica?

2 Respostas 2

6

Você pode fazer assim:

console.log('%c Espere!', 'color: red; font-size: 20px;');

É no segundo parâmetro que você coloca os estilos que quiser.

1
2

Você consegue este recurso com a sintaxe abaixo, onde %c ativa os estilos CSS à mensagem:

console.log('%c Olá!', 'color: red; font-size: 30px;');

inserir a descrição da imagem aqui

Não funciona no IE e Edge (no caso do Facebook, a mensagem de "alerta" apresentada na pergunta sequer é exibida nestes navegadores).

6
  • Mas no IE e no Edge por acaso o Facebook imprime colorido? Commented 30/11/2017 às 23:24
  • 1
    @JeffersonQuesado No IE e Edge não imprime nada. A mensagem não aparece.
    – Sam
    Commented 30/11/2017 às 23:29
  • Esse detalhe de "nem aparecer no IE nem no Edge" deixaria sua resposta ainda melhor =] Commented 30/11/2017 às 23:31
  • 1
    @JeffersonQuesado Boa ideia. Obg!
    – Sam
    Commented 30/11/2017 às 23:38
  • fico feliz em ajudar =D Commented 30/11/2017 às 23:46

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .