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
}

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

相关推荐
Mike_jia4 分钟前
Icinga 2:开源监控领域的全能选手——从零构建企业级智能运维体系
前端
wuxuanok5 分钟前
Web前端开发-HTML、CSS
前端·css·html
Mike_jia5 分钟前
Dish:套接字监控领域的「听诊器」——轻量级网络健康守护神深度解析
前端
独立开阀者_FwtCoder14 分钟前
"页面白屏了?别慌!前端工程师必备的排查技巧和面试攻略"
java·前端·javascript
慧一居士15 分钟前
Vite 完整功能详解与 Vue 项目实战指南
前端·vue.js
南岸月明15 分钟前
不聊主业,聊聊你们眼中的副业是什么样的?
前端
Kevin在掘金9201420 分钟前
c#、.net、Fluent UI Blazor
前端
LovelyAqaurius21 分钟前
RSA加密算法:从数学魔法到现实守护
前端
Hilaku22 分钟前
说实话,React的开发体验,已经被Vue甩开几条街了
前端·javascript·vue.js
蛋黄蛋黄26 分钟前
微信表情怎么在自己的项目使用微信表情?-> [开源仓库]wechat-emoji
前端·github