如何在jQuery项目中通过JavaScript访问Windows环境变量%USERNAME%

首先明确硬规则：只要是公网部署的普通网页，受浏览器沙箱安全限制，JS 根本读不到 Windows 的%USERNAME%环境变量，别找绕过方法，所有现代浏览器都把这类权限封死了，乱找只会碰到恶意脚本。
如果你的jQuery项目是本地运行、或者给内部Windows用户做的内网工具，下面两个方案都不需要引入React、Electron这类大型依赖，上手就能用： #

方案1：ActiveXObject 直读（适配IE/旧版Edge、本地HTA应用） #

这个方案零额外依赖，写几行原生JS就能跑，适合目标用户只用IE、或者做本地HTA工具的场景：

function getWinUser() {
  try {
    const shell = new ActiveXObject("WScript.Shell");
    // 直接展开环境变量取值
    return shell.ExpandEnvironmentStrings("%USERNAME%");
  } catch (err) {
    console.error("读取失败，需要开启ActiveX权限：", err);
    return "";
  }
}

// jQuery里直接调用
$(document).ready(function() {
  const userName = getWinUser();
  if (userName) {
    // 你的业务逻辑，比如把用户名渲染到页面上
    $("#username-show").text(`当前用户：${userName}`);
  }
});

提示：如果是内网IE环境，把你的站点加到IE可信站点列表，开启ActiveX执行权限就能正常跑，不用改用户其他系统设置。

方案2：极简本地服务透传（适配所有现代浏览器） #

如果要兼容Chrome、新版Edge这类砍掉ActiveX支持的浏览器，只需要写个十几行的Node本地服务，不需要装任何大型框架，启动时直接读系统环境变量，给前端jQuery开个极简接口就行：

1. 本地服务代码（存为server.js，只需要用户电脑装Node.js，没有其他依赖）：

const http = require('http');
const fs = require('fs');
const path = require('path');
// Node原生API直接读系统环境变量，不需要额外包
const WIN_USER = process.env.USERNAME;

http.createServer((req, res) => {
  // 给前端的取用户名接口
  if (req.url === '/api/get-user') {
    res.setHeader('Content-Type', 'application/json');
    res.end(JSON.stringify({username: WIN_USER}));
    return;
  }
  // 托管你原来的jQuery静态项目文件
  const file = path.join(__dirname, req.url === '/' ? 'index.html' : req.url);
  fs.readFile(file, (err, content) => {
    if (err) return res.end('404');
    res.end(content);
  });
}).listen(3000, () => console.log('服务启动，打开http://localhost:3000即可访问'));

2. 前端jQuery侧调用代码，直接加在你原有逻辑里就行：

$(function() {
  $.getJSON('/api/get-user', res => {
    const userName = res.username;
    // 后续业务逻辑直接用userName即可
    console.log('当前Windows用户名：', userName);
  });
});

这个方案兼容性最好，你原有的jQuery代码几乎不用改，整个服务端代码加起来不到20行，没有冗余依赖。如果嫌用户装Node麻烦，用pkg工具把这个脚本打包成单exe，用户双击就能启动，体验和本地桌面应用没区别。

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