Vi este código en otra pregunta, y sé que funciona en la consola de Chrome, pero esto no funciona en la consola de JavaScript, como jsbin o fragmento de stackoverflow.

¿Cómo puedo hacer que funcione en todas las consolas, con compatibilidad?

console.log('%c Oh my heavens! ', 'background: #222; color: #bada55');
0
Eduardo Sebastian 12 nov. 2017 a las 17:28

2 respuestas

La mejor respuesta

Simplemente no puedes. Necesitan implementarlo primero.

2
Mads03DK 12 nov. 2017 a las 14:35

Aquí hay una implementación muy simple sin la sintaxis "%" (solo quiero mostrarte que realmente no necesitas esta función):

var styles = "background:#222;color:#bada55";
log("you could do", style(styles, "this"));
log("you could do", style(styles, "this"));
log("you could do", style(styles, "this"));
<pre id="pre"></pre>
<style>div{border-bottom:1px solid #ddd;padding:.5em}</style>
<script>!function(pre){this.log=function(){var a=document.createElement("div");a.innerHTML=Array.prototype.join.call(arguments," ");pre.appendChild(a)};this.style=function(a,b){return'<span style="'+a+'">'+b+"</span>"};}(document.getElementById("pre"));</script>
0
leaf 12 nov. 2017 a las 15:24