Javascript 在Firebug/Chrome控制台中输出HTML

我的印象是，你只能使用

console.log（“text”）

或

console.info（“text”）

等将文本记录到浏览器控制台，这些大型网站如何在控制台中获得不同的字体和ascii艺术

Chrome控制台上的Facebook：

Chrome控制台上的Google Plus：

Firebug控制台上的Facebook：

---

覆盖控制台并不是允许他们使用不同颜色的原因

它是

console.log（）

的内置功能，您可以从

%c

开始使用它在JavaScript控制台中使用CSS属性设置文本样式

大红色文本：

console.log（“%cStop！”，“字体：50px无衬线；字体重量：粗体；颜色：红色；-webkit文本笔划：1px黑色；”；

黄色背景上的红色文本：

console.log（“%cWARNING！”，“font:2em monospace；颜色：红色；背景色：黄色；”）；

Ascii艺术：

var asciiArt=[
"",
“.d8888b.888888”，
“d88P Y88b 888 888”，
“Y88b.888888”，
“Y888b.888888.D888B.888 B.888”，
“Y888.888 d88”“888”888“888”，
“888 888 888 888 888 888 888 888 Y8P”，
“Y88b d88P Y88b.Y88..888 d88P”，
“Y8888P”Y888“Y888”Y888 P“888”，
"                           888",
"                           888",
"                           888",
];
var sideText='这是一个面向开发人员的浏览器功能。如果有人告诉你在这里复制粘贴一些东西以启用Facebook功能或“黑客”某人的帐户，这是一个骗局，会让他们访问你的Facebook帐户；
var bottomText=“请参阅https://www.facebook.com/selfxss 有关详细信息。“；
//将侧边文本中的行拆分为35个字符的组，直到单词结束
var split=（“”+sideText.toString（））.match（/.{35}.+？\s+.+$/g）；
如果（拆分！=null）{
//开始添加边文本的ascii文本行
var startingRow=数学地板（数学最大值（0，（asciiArt.length-split.length）/2））；
对于（变量i=0；iconsole.log（“\n\n\n”+asciiArt.join（“\n”）+“\n\n”+bottomText.toString（）+”\n”）啊，所以它们完全覆盖了控制台功能。那么，在这种情况下，我很高兴这个问题被标记为一个重复的问题。