如何在控制台如此为所欲为的方法

语法

console.log(%c字体 || %c, 样式);

（技巧一）输出字体

例子 >>>

console.log('有红色字体样式的输出--》%c加油，5G时代即机遇！','color:red');

我们再来输出个大胆点的样式

console.log('有红色字体样式的输出--》%c我梦开始的地方——蝉壳，感谢蝉壳两年前带我启程\n','background-color:blue;color:red;border:1px solid #ccc;margin-top:10px;font-size":800');

（技巧二）输出图片

console.log('有图片的输出如下-->>>\n %c ',"background:url('https://csdnimg.cn/cdn/content-toolbar/csdn-logo.png?v=20200416.1');background-size:100%;font-size:250px;background-repeat:no-repeat;");
console.log('CSDN');

（技巧三）字体图片混合输出

 console.log("%c    纵使方舟孤独渺小  \n  征途永是星辰大海    ", "color:white;font-size:41px;background:url('https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3125190056,2244508091&fm=26&gp=0.jpg')");

（技巧四）其他效果

另外，最后知识点总结：
一个字符的空格宽度可以拉伸单行的图片长度，如：

如何像爱奇艺一样在浏览器的控制台为所欲为？相关推荐

大厂前端面试都问些什么问题？入职爱奇艺年薪48万，面试经验总结
前言 "金九银十"跳槽季,又到了面试求职的高峰期.好多小伙伴都会跳槽去找工作.如果你不跳槽,也建议把这篇文章看完,毕竟金九银十之后,就是金三银四了,总是逃不掉的? 你在面试的时候, ...
爱奇艺成为国内首家启用AV1格式的视频网站
近日,爱奇艺在电脑浏览器端(PC web端).安卓移动端上线 AV1 视频编码格式(Alliance for Open Media Video 1),成为国内首家也是目前唯一一家应用 AV1 的视频网 ...
维护几十种语言和站点，爱奇艺国际站WEB端网页优化实践
1.前言爱奇艺国际站(www.iq.com)提供了优质的视频给海外各国用户,自上线以来,现已支持几十个国际站点,并且在东南亚多个国家保证了海量用户高速观看体验. 国际站业务的特点是用户在境外访问,后 ...
腾讯美团爱奇艺等10+大厂面试题汇总！
对于初级前端程序员来说,面试刷题有多重要就不用多说了吧. 然而,很多同学在面试的时候更多重视项目经验及自身的技术水平,从而很容易就忽视了面试题的重要性,以至于在面试官问到一些比较基础的问题时都很容易出 ...
怎么看so文件是哪个aar引进来的_手机爱奇艺下载视频存在哪个文件夹
我们很多朋友喜欢看视频使用爱奇艺观看,并且喜欢直接把视频缓冲到手机里,或是直接下载视频文件,但是经常不知道手机爱奇艺下载视频存在哪个文件夹,不知道怎么分享给好友或是传到电脑上,下面就来简单介绍一下. ...
百度高级副总裁沈抖加入爱奇艺董事会王路退出
9月28日消息,爱奇艺方面宣布,百度高级副总裁沈抖将出任公司董事会董事.与此同时,王路将退出董事会.上述人士变动于2019年9月27日生效. 爱奇艺表示,此为正常董事更换,相信沈抖博士的专业背景和经验 ...
马化腾朋友圈晒微信支付分：835；爱奇艺回应用户隐私话题；Firefox 77.0 发布| 极客头条...
整理 | 屠敏头图 | CSDN 下载自视觉中国快来收听极客头条音频版吧,智能播报由出门问问「魔音工坊」提供技术支持. 「极客头条」-- 技术人员的新闻圈! CSDN 的读者朋友们早上好哇,「极客 ...
青龙面板跑爱企查脚本兑换爱奇艺月卡百度网盘会员等
可兑换物品如下: 爱企查脚本文件第一步进入面板后台定时任务如图添加任务填写即可任务名(随意)如:爱企查命令: ql raw https://github.com/shiunke/Scr ...
硬纪元干货|爱奇艺吴霜：看好互动视频、AI陪伴以及VR直播
以爱奇艺的内容,爱奇艺的大平台共同去推动行业市场的成熟和发展. 5月18日,由镁客网.IT耳朵联合举办的"2017中国VR/AR产业应用创新峰会"在北京朗丽兹西山花园酒店盛大举行. ...

如何像爱奇艺一样在浏览器的控制台为所欲为？

文章目录

如何在控制台如此为所欲为的方法

语法

（技巧一）输出字体

（技巧二）输出图片

（技巧三）字体图片混合输出

（技巧四）其他效果

如何像爱奇艺一样在浏览器的控制台为所欲为？相关推荐

最新文章

热门文章