Question

我在其他问题中看到了这个代码，我知道它在chrome控制台中有效，但是这在javascript控制台中不起作用，比如jsbin或stackoverflow片段。

如何在所有控制台中使用兼容性？

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

Answer 1

你根本无法做到。他们需要先实现它。

Answer 2

这是一个非常简单的实现，没有“％”语法（我只是想告诉你，你真的不需要这个功能）：

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>

在javascript中设置输出颜色

2 个答案: