嘿，这个问题我之前也琢磨过——纯前端JavaScript是没法直接拿到浏览器的官方最新版本号的。原因很简单：浏览器的安全策略限制，前端环境根本没法直接访问厂商的版本更新服务器或者官方版本库。navigator.userAgent只能获取用户当前正在用的浏览器版本，和最新版本完全是两码事。

不过你完全可以通过下面几种方式实现需求，而且不用依赖静态变量：

1. 后端代理官方版本查询接口 #

几乎所有主流浏览器厂商都提供了查询最新版本的API，但由于同源策略，前端没法直接跨域请求这些接口。这时候就得靠你的后端服务来当“中间人”：

• 后端（比如用Node.js、Python、Java都行）按需或者定期请求对应浏览器的官方版本查询接口
• 后端把拿到的最新版本数据整理好，返回给前端
• 前端调用自己的后端接口，就能拿到实时的最新版本号

给你举个简单的Node.js + Express后端示例：

const express = require('express');
const axios = require('axios');
const app = express();

// 获取各浏览器最新版本的接口
app.get('/latest-browser-versions', async (req, res) => {
  try {
    // 这里以Chrome为例，需要替换为Chrome官方的版本查询接口（自行查找厂商提供的官方API）
    const chromeRes = await axios.get('Chrome官方版本查询接口');
    const latestChrome = chromeRes.data.stable_version;

    // 同理可以添加Firefox、Edge等其他浏览器的版本查询逻辑
    res.json({
      chrome: latestChrome,
      // firefox: 'xxx',
      // edge: 'xxx'
    });
  } catch (err) {
    res.status(500).json({ error: '获取最新版本失败，请稍后重试' });
  }
});

app.listen(3000, () => console.log('后端服务启动在3000端口'));

前端调用的代码也很简单：

async function fetchLatestVersions() {
  try {
    const response = await fetch('/latest-browser-versions');
    const versions = await response.json();
    console.log('当前Chrome最新稳定版:', versions.chrome);
    // 这里可以根据需要处理其他浏览器的版本数据
  } catch (error) {
    console.error('获取最新版本出错:', error);
  }
}

// 调用函数
fetchLatestVersions();

2. 后端定时缓存最新版本 #

为了避免频繁请求官方接口（既省资源又快），你可以让后端定时（比如每天凌晨）去拉取一次各浏览器的最新版本，然后把数据缓存起来（比如存在Redis、数据库或者本地文件里）。前端请求时直接读取缓存的数据，响应速度会快很多。

3. 浏览器扩展专属方案（仅适用于扩展开发） #

有些浏览器提供了更新检测的API，比如Chrome的chrome.runtime.requestUpdateCheck()，但这个API只能在Chrome扩展的环境里用，普通网页根本调用不了，所以如果你的需求是针对普通网站的话，这个方案可以忽略。

总结一下：最靠谱的方式就是用后端当中间层，去拉取官方的最新版本数据，再传递给前端——这完全符合浏览器的安全规则，而且能保证版本数据的实时性。

内容的提问来源于stack exchange，提问作者Maxim Verenich