探索B站 bili-fe-mirror v2.0.2的炫酷控制台效果

console.info(
  "%c bili-fe-mirror %c v" + "2.0.2", 
  "padding: 2px 6px; border-radius: 3px 0 0 3px; color: #fff; background: #FF6699; font-weight: bold;", 
  "padding: 2px 6px; border-radius: 0 3px 3px 0; color: #fff; background: #FF9999; font-weight: bold;"
);
探索B站 bili-fe-mirror v2.0.2的炫酷控制台效果_第1张图片

代码功能:

  1. console.info()

    :

    • 这是一个用于在控制台中输出信息性消息的方法。类似于 console.log(),但通常用于输出信息性消息而不是普通的日志。
  2. "%c bili-fe-mirror %c v" + " "

    :

    • 这是输出的字符串,其中包含两个 %c 占位符。
    • + "2.0.2" 用于在字符串末尾添加一个版本号。
  3. 第一个样式字符串

    :

    javascript
    
    
    "padding: 2px 6px; border-radius: 3px 0 0 3px; color: #fff; background: #FF6699; font-weight: bold;"
    
    • 应用于 bili-fe-mirror
    • 样式:粉色背景 (#FF6699),白色文本,加粗,带有内边距和左圆角。
  4. 第二个样式字符串

    :

    javascript
    
    
    "padding: 2px 6px; border-radius: 0 3px 3px 0; color: #fff; background: #FF9999; font-weight: bold;"
    
    • 应用于 v2.0.2
    • 样式:浅粉色背景 (#FF9999),白色文本,加粗,带有内边距和右圆角。

你可能感兴趣的:(前端,爬虫,经验分享,前端,爬虫)