ScreenLog.js - uma biblioteca que exibe na tela o conteúdo do console do desenvolvedor
(github.com/chinchang)- Útil em situações em que um bug específico não ocorre quando as ferramentas de desenvolvedor estão abertas, ou quando não é possível usar
console.log - Basta adicionar o script e chamar
screenLog.init();para exibir na tela o conteúdo do console do desenvolvedor - É possível definir cor da fonte, tamanho, cor de fundo etc.
3 comentários
O início das ferramentas de desenvolvedor do navegador (
web inspector) foi o Firebug, e a versão leve que podia ser usada em navegadores além do Firefox era o FirebugLite; o FirebugLite fazia algo como exibir logs dentro da viewport como esse cara... A tecnologia realmente dá voltas, mas está girando rápido demais.https://getfirebug.com/
Parece ser útil para depurar alguns sites em que a execução para quando as ferramentas de desenvolvedor são abertas.
Ao depurar o navegador web usado em dispositivos embarcados, não havia muito o que fazer, então eu fazia aparecer um console simplificado (...) feito por mim ao pressionar uma tecla...
Pelo visto, isso também já existia como biblioteca.
É antiga, mas parece continuar sendo uma biblioteca útil nas situações em que é necessária.