在javascript中设置输出颜色
我在其他问题中看到了这段代码,并且我知道它可以在Chrome控制台中工作,但是这不适用于JavaScript控制台,如jsbin或stackoverflow片段。
我如何使它在兼容性的所有控制台中工作?
console.log('%c Oh my heavens! ', 'background: #222; color: #bada55');
你根本做不到。 他们需要首先实施它。
这里是一个非常简单的没有“%”语法的实现(我只是想告诉你,你并不需要这个特性):
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>
链接地址: http://www.djcxy.com/p/87385.html