diff --git a/src/App.vue b/src/App.vue index 47a12d48..934e65bc 100644 --- a/src/App.vue +++ b/src/App.vue @@ -10,6 +10,45 @@ // console.log('预加载'); }, onShow: function () { + // 获取浏览器版本信息 + function getBrowserInfo() { + const userAgent = navigator.userAgent; + let browserName = '未知浏览器'; + let version = '未知版本'; + + // 检测 Chrome + if (userAgent.indexOf('Chrome') > -1 && userAgent.indexOf('Edg') === -1) { + browserName = 'Chrome'; + version = userAgent.match(/Chrome\/(\d+\.\d+)/)[1]; + } + // 检测 Edge (Chromium内核) + else if (userAgent.indexOf('Edg') > -1) { + browserName = 'Edge'; + version = userAgent.match(/Edg\/(\d+\.\d+)/)[1]; + } + // 检测 Firefox + else if (userAgent.indexOf('Firefox') > -1) { + browserName = 'Firefox'; + version = userAgent.match(/Firefox\/(\d+\.\d+)/)[1]; + } + // 检测 Safari + else if (userAgent.indexOf('Safari') > -1 && userAgent.indexOf('Chrome') === -1) { + browserName = 'Safari'; + version = userAgent.match(/Version\/(\d+\.\d+)/)[1]; + } + + return { + browser: browserName, + version: version, + userAgent: userAgent + }; + } + + // 使用示例 + const browserInfo = getBrowserInfo(); + console.log(`浏览器: ${browserInfo.browser}`); + console.log(`版本号: ${browserInfo.version}`); + console.log(`完整用户代理: ${browserInfo.userAgent}`); // console.log('App Show') }, onHide: function () {