浏览器F12调试模式下在Console菜单栏下输入自定义任意文字与图片-♚付涛纪实阁♚

浏览器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、本文为「♚付涛纪实阁♚」原创文章,遵循创作共用版权 CC 4.0 BY-SA 协议,转载请附上原文出处链接及声明。
4、如本站个人观点有涉及不妥的地方,可联系【QQ:860227477】,提供合理合法依据,可无偿给予修改或删除。
5、针对本站内容若有异义,亦可直接与【法律顾问:易兴俊,律师联系电话:13825799821】直接联系沟通;
19

发表评论