码迷,mamicode.com
首页 > 其他好文 > 详细

在浏览器控制台输出图片

时间:2015-08-29 00:31:57      阅读:275      评论:0      收藏:0      [点我收藏+]

标签:

今天无意中在百度知道页面打开了控制台,看到了控制台里居然有百度的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")
}

在浏览器控制台输出图片

标签:

原文地址:http://www.cnblogs.com/raoyunxiao/p/4768088.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!