如何利用console.log生成公司产品的介绍信息

前言

当你使用EarthSDK的时候,你会发现浏览器控制台会输出以下信息,如下图所示:

在这里插入图片描述

看着是不是非常漂亮呢?如何利用console.log生成类似的介绍信息呢,请看下文。

代码

话不多说,贴代码:

console.log('%c🌏%cEarthSDK%c我愿与你同行,因你势不可挡!%c版本号:1.4.14\n编译日期:2020-7-13 20:52:54\n授权信息:授权-永久使用此软件当前版本。\n限制网址:-\n\nCesium实验室-群:595512567(已满)\nCesium实验室-2群:830157717(已满)\nCesium实验室-3群:892671588 😊\n\n手机号: 18910418067\n微信: cloudmap\nEarthSDK网址: www.earthsdk.com 🏄‍\nCesiumLab网址: www.cesiumlab.com 🏄‍\n版权所有 @2019 北京西部世界科技有限公司\nCopyright @2019 Beijing Xibushijie Co.,Ltd.', 'font-size:100px;', 'margin-left:20px;margin-right:10px;font-size:30px;font-weight:bold;color:#3881f3;', 'font-size:14px; font-style:italic;color:#629ae2;', 'font-size:10px;color:#629ae2;line-height:20px;')

生成的效果如下图所示:
在这里插入图片描述

利用console.log里的%c为后面的内容指定样式,利用\n达到换行的目的,生成的信息差不多和EarthSDK官方的一样,是不是很漂亮呢?

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值