如何检测Windows系统语言变更并同步切换Electron应用语言？

Electron本身没有内置系统语言变更的监听事件，不过可以通过两种方式实现需求：

方案1：监听Windows系统消息（实时触发，推荐） #

Windows在系统语言变更时会发送WM_SETTINGCHANGE（0x001A）系统消息，我们可以借助Electron窗口的原生句柄，结合Node.js原生模块监听这个消息，实时检测语言变化：

1. 先安装依赖：

npm install ffi-napi ref-napi

2. 主进程代码实现：

const { app, BrowserWindow } = require('electron');
const ffi = require('ffi-napi');
const ref = require('ref-napi');

let mainWindow;
let previousLocale = app.getSystemLocale();

// 定义Windows API相关函数
const user32 = ffi.Library('user32', {
  'SetWindowLongPtrA': ['long', ['long', 'int', 'long']],
  'CallWindowProcA': ['long', ['long', 'long', 'uint', 'long', 'long']],
  'GetWindowLongPtrA': ['long', ['long', 'int']]
});

const GWLP_WNDPROC = -4;
const WM_SETTINGCHANGE = 0x001A;

function createWindow() {
  mainWindow = new BrowserWindow({ width: 800, height: 600 });
  mainWindow.loadFile('index.html');

  // 获取窗口的原生句柄
  const hwndBuffer = mainWindow.getNativeWindowHandle();
  const hwnd = ref.readInt64LE(hwndBuffer, 0);

  // 保存原始的窗口消息处理函数
  const oldWndProc = user32.GetWindowLongPtrA(hwnd, GWLP_WNDPROC);

  // 自定义消息处理逻辑
  const newWndProc = ffi.Callback('long', ['long', 'uint', 'long', 'long'], (hwnd, msg, wParam, lParam) => {
    if (msg === WM_SETTINGCHANGE) {
      const currentLocale = app.getSystemLocale();
      if (currentLocale !== previousLocale) {
        previousLocale = currentLocale;
        // 通知渲染进程切换语言
        mainWindow.webContents.send('locale-changed', currentLocale);
        console.log('系统语言已更新：', currentLocale);
        // 这里也可以直接在主进程处理语言相关配置变更
      }
    }
    // 调用原始消息处理函数，保证窗口正常工作
    return user32.CallWindowProcA(oldWndProc, hwnd, msg, wParam, lParam);
  });

  // 替换窗口的消息处理函数
  user32.SetWindowLongPtrA(hwnd, GWLP_WNDPROC, newWndProc);
}

app.whenReady().then(createWindow);

3. 渲染进程接收事件并切换语言：

const { ipcRenderer } = require('electron');

ipcRenderer.on('locale-changed', (_, newLocale) => {
  // 这里写你的应用语言切换逻辑，比如加载对应语言的翻译文件
  console.log('应用将切换为语言：', newLocale);
  // 示例：更新页面文本
  document.getElementById('greeting').textContent = getTranslatedText(newLocale, 'greeting');
});

方案2：定时轮询（简单易实现，非实时） #

如果不想引入原生模块，可以用定时轮询的方式，定期检查系统语言是否变化：

const { app, BrowserWindow } = require('electron');

let mainWindow;
let previousLocale = app.getSystemLocale();
// 每5秒检查一次，可根据需求调整间隔
const checkTimer = setInterval(() => {
  const currentLocale = app.getSystemLocale();
  if (currentLocale !== previousLocale) {
    previousLocale = currentLocale;
    mainWindow.webContents.send('locale-changed', currentLocale);
    console.log('系统语言已更新：', currentLocale);
  }
}, 5000);

function createWindow() {
  mainWindow = new BrowserWindow({ width: 800, height: 600 });
  mainWindow.loadFile('index.html');
}

app.whenReady().then(createWindow);

// 应用退出时记得清除定时器，避免内存泄漏
app.on('quit', () => clearInterval(checkTimer));

注意点 #

• 方案1要注意窗口生命周期，比如窗口关闭时建议恢复原始的消息处理函数，防止内存泄漏
• 部分Windows版本中，系统语言变更后需要用户注销才能完全生效，此时WM_SETTINGCHANGE会在注销前触发
• 确保你的应用已经准备好对应语言的资源文件，比如多语言JSON包，这样切换时能直接加载对应内容

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