在浏览器控制台输出图片

今天无意中在百度知道页面打开了控制台，看到了控制台里居然有百度的logo

研究发现方法如下

if(!console){

console = {}

console.log = function(){}

}

function setConsoleImage(url){

var img = new Image();

img.style.display = "none";

document.body.appendChild(img);

img.src = url;

img.onload = function(){

var css = [

‘padding: ‘ + (img.height/2 - 8) + ‘px ‘ + img.width/2 + ‘px;‘,

‘line-height: ‘ + img.height +‘px;‘,

‘background-image: url(‘ + url + ‘);‘

]

console.log(‘%c‘, css.join(‘‘));

}

}

window.onload = function(){

setConsoleImage("xxx.jpg");

setConsoleImage("xxx.gif")

}