浏览器内置API实现生成UUID

crypto.randomUUID() 是一个用于生成加密安全 UUID 的现代 API，其主要的限制在于浏览器版本和访问环境。

以下是支持情况和替代方案：

支持的浏览器版本 Chrome ≥92, Firefox ≥95, Safari ≥15.4, Edge ≥92。现代主流浏览器的近期版本均已支持。 明确不支持的浏览器 主要是 Internet Explorer (IE) 全系列 都不支持。 特殊的限制条件 必须在 安全上下文 中才可用。这通常指：

1. HTTPS 协议下。
2. localhost (或 127.0.0.1) 本地开发环境。
3. Android WebView 等特殊容器也可能需要配置。 问题：通过普通 HTTP（如 <http ://192.168.1.10访问时，该方法将不可用。>

⚠️ 注意：除了浏览器，crypto.randomUUID() 也存在于 Node.js 中。在 Node.js 14.17.0 及更高版本中可用，低版本不支持。

🔧 如何确保兼容性 如果你的项目需要在不支持的浏览器或非安全环境下运行，可以采用以下“能力探测 + 降级”的策略，让代码始终能生成 UUID：

function generateUUID() {
  // 1. 优先尝试使用原生 crypto.randomUUID()
  if (typeof crypto !== 'undefined' && crypto.randomUUID) {
    return crypto.randomUUID();
  }

  // 2. 降级方案：使用 crypto.getRandomValues() 生成 (加密安全，兼容性更好)
  if (typeof crypto !== 'undefined' && crypto.getRandomValues) {
    // 实现一个简单的 v4 UUID 生成器
    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
      const r = crypto.getRandomValues(new Uint8Array(1))[0] % 16;
      const v = c === 'x' ? r : (r & 0x3) | 0x8;
      return v.toString(16);
    });
  }

  // 3. 终极兜底：使用 Math.random()（仅用于非安全场景，如测试）
  console.warn('Using Math.random() fallback for UUID generation, not cryptographically secure.');
  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
    const r = Math.random() * 16 | 0;
    const v = c === 'x' ? r : (r & 0x3) | 0x8;
    return v.toString(16);
  });
}

📝 建议总结

1. 开发时：建议在 localhost 或配置了 HTTPS 的环境下进行，以充分使用原生 API。

2. 生产部署：务必使用 HTTPS，这不仅是为了 crypto.randomUUID()，也是现代 Web 应用的安全标准。

3. 处理兼容性：如果无法控制用户的访问环境（如内网 HTTP 应用），上述的降级函数或引入专业的第三方库（如 uuid）是最稳妥的方案。