本文最后更新于2022年7月9日,已超过 1 年没有更新,如果文章内容失效,请 反馈 给我们,谢谢!
今天看到一个网站做得很漂亮就想来审查源素一翻,让我惊讶的是竟然出来个这么东东:你又偷看我的源码咯!再看我要打你咯!顿时吓得我赶紧扒了下来。
这是一个JS里有趣的东西没有实质性的用处,当别人在你网站上面右击鼠标进行审核元素的时候就会提示这些警告信息内容,看一下预览效果吧。
这些字呢可以自己随便改啦,改成再看我代码要罚款啦或者是抄袭的追究责任啊等等自己发挥。下面给出源码(保存为JS在网页引用即可):
console.log("%c你又偷看我的源码咯!"," text-shadow: 0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);font-size:5em") console.log('%c再看我要打你咯! ', 'background-image:-webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );color:transparent;-webkit-background-clip: text;font-size:5em;');