彩色的控制台(console)信息输出技巧

应用场景:日常开发中,我们通常会对请求进行封装以便更好的适应我们自己的项目,为了区别于一般的打印信息,我们可以在封装请求拦截器和响应拦截器的时候加上彩色的打印信息,使其突出显示在控制台。
使用技巧:主要通过%c占位符来使输出的文字具有样式。
举例:我们想要在请求接口以及接口响应时,对请求接口的方法,请求的参数id以及请求的url进行打印。
在请求拦截器中,突出蓝色背景:
console.log(
  `%c ${method} No.${reqId} `,
  'background:#409EFF;color:#fff;font-weight:bold;border-radius:2px;padding:2px;margin-right:1em;',
  url
);
在相应拦截器中,突出绿色背景:
console.log(
  `%c Res No.${reqId} `,
  'background:#67C23A;color:#fff;font-weight:bold;border-radius:2px;padding:2px;margin-right:1em;',
  url
);

 

posted @   南无、  阅读(363)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
点击右上角即可分享
微信分享提示