uniapp中在web端如何友好的展示app当前的版本等信息

一个小技巧,分享下在webapp中友好展示当前app信息的方法

实现效果

代码实现

  • 导入
js 复制代码
	import {
		version,
		name
	} from './package.json'
  • 应用声明周期中处理
js 复制代码
onLaunch: function() {
// #ifdef H5
	console.log(
		`%c hello uniapp %c v${version} `,
		'background:#35495e ; padding: 1px; border-radius: 3px 0 0 3px;  color: #fff',
		'background:#007aff ;padding: 1px; border-radius: 0 3px 3px 0;  color: #fff; font-weight: bold;'
	)
	console.log(`%c hello uniapp %c v${name} `,
		'background:#35495e ; padding: 1px; border-radius: 3px 0 0 3px;  color: #fff',
		'background:#5500ff ;padding: 1px; border-radius: 0 3px 3px 0;  color: #fff; font-weight: bold;')
// #endif
}

可以根据自己的实际需要,完善需要展示的信息,配色,内容。

相关推荐
大猫会长7 分钟前
mac中创建 .command 文件,执行node服务
前端·chrome
旧时光_7 分钟前
Zustand 状态管理库完全指南 - 进阶篇
前端·react.js
snakeshe10109 分钟前
深入理解useState:批量更新与非函数参数支持
前端
windliang9 分钟前
Cursor 排查 eslint 问题全过程记录
前端·cursor
boleixiongdi10 分钟前
# Bsin-App Uni:面向未来的跨端开发框架深度解析
前端
G等你下课13 分钟前
AJAX请求跨域问题
前端·javascript·http
前端西瓜哥13 分钟前
pixijs 的填充渲染错误,如何处理?
前端
snakeshe101014 分钟前
6-1. 实现 useState
前端
呆呆没有脑袋16 分钟前
深入浅出 JavaScript 闭包:从核心概念到框架实践
前端
snakeshe101017 分钟前
用100行代码实现React useState钩子:多状态管理揭秘
前端