仿百度控制台输出、控制台输出版本等

需求:项目上线后,有时候出现问题,无法知道是哪个版本、发布时间、打包机器之类的信息,当然对于有特殊信息展示的,针对特定人群,那就需要在控制台进行记录一些东西,方便查看。
比如百度官网控制台就有程序员才看的到的:
在这里插入图片描述
对于类似的输入,下面介绍两种方式进行实现。

  1. index.html中直接写

对于直接在index.html中写的方式,更倾向于静态的一些资源展示,比如图片,文案,链接等。这种直接借助script标签的嵌入写法就可以。index.html文件中代码如下:

 <script>
    console.log('index.html')
    console.log('我是index.html中打印的内容')
    console.log('index.html')
  </script>

![](https://img-blog.csdnimg.cn/7f8168aad833410b921ed48ca6c3ee90.png)
2.单独文件进行处理。(下面就以vite.config.ts为例)

import _ from 'lodash'; // 方法集合,下面可以生成多个“*”
const { name, version } = require('./package.json'); // 从package.json中获取信息
function getBuildVersion() {
  con
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值