浏览器F12调试模式下在Console菜单栏下输入自定义任意文字与图片

今天早上碰到一个pbootcms群里面的群主发出了一个关于在网站的调试窗口Console增加入版权说明的文字，觉得在实际使用中，效果还不错；于是花了半个小时的时间琢磨了一下弄出来后，和大家在这里分享；

Console效果展示如下

Console效果代码加入

第一步：将以下JS代码放置到自己网站原有的JS文件里面；

!
function(e) {
    function o(s) {
        if (t[s]) return t[s].exports;
        var n = t[s] = {
            exports: {},
            id: s,
            loaded: !1
        };
        return e[s].call(n.exports, n, n.exports, o),
        n.loaded = !0,
        n.exports
    }
    var t = {};
    return o.m = e,
    o.c = t,
    o.p = "",
    o(0)
} ([function(e, o, t) {
    e.exports = t(1)
},
function(e, o) { !
    function() {
        var e;
        if (window.console && "undefined" != typeof console.log) {
            try { (window.parent.__has_console_security_message || window.top.__has_console_security_message) && (e = !0)
            } catch(o) {
                e = !0
            }
            if (window.__has_console_security_message || e) return;
            var t = " 温馨提示：您打开了开发者调试，请不要在此执行任何命令，可能会导致网站不能正常加载。^_^",
            s = "企业文化：谍豹云销秉持如间谍般的细微入怀，像猎豹一样敏捷高效高质的企业文化",
            n = "核心价值：专业品质、服务为本、诚信经营、恪守信誉",
			h = "官方网站：https://www.yunxiaosoft.com/",
			m = "客户领域：机械、电子、保健、家居、化工、网络、物流、酒业、橡胶、宠物、五金行业",
			k = "企业业务：网站建设、品牌包装，软媒合作，央视背书，问答推广，新媒体营销等互联网综合品牌运营策划推广的服务平台。",
            i = [s, " \n ", n, " \n ", h, " \n ", m, " \n ", k].join("");
            /msie/gi.test(navigator.userAgent) ? (console.log(t), console.log(i)) : 
			(console.log("%c 深圳市谍豹网络科技有限公司 %c Copyright \xa9 2019-%s", 'font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:64px;color:#00bbee;-webkit-text-fill-color:#00bbee;-webkit-text-stroke: 1px #00bbee;', "font-size:12px;color:#999999;", (new Date).getFullYear()), console.log("%c " + t, "color:#333;font-size:16px;"), console.log("\n " + i)),
            window.__has_console_security_message = !0
        }
    } ()
}]);

亦可将以上代码复制后新建一个JS文件，如f12.js

然后通过以下这句在网站的头部位置进行调用即可；

<script src="/images/f12.js" type="text/javascript"></script>

使用很简单，其它的就不费话了；

【友情提示：】
1、本文由 ♚付涛纪实阁♚ 作者：付涛纪实阁 发表，其版权均为 ♚付涛纪实阁♚ 所有；
2、文章内容系作者个人观点，不代表除个人作者外的任何第三方针对观点赞同或支持；
3、本站文章均为博主原创，如需转载，请注明文章来源；