Electron如何支持跨平台的图标设置？

Electron 提供了跨平台的方式来管理应用图标，主要是通过 Node.js API 和其封装的一些底层库。以下是如何在 Electron 应用程序中设置跨平台图标的通用流程：

1. **安装图标**: 在项目的根目录下，准备一套不同大小和格式的图标，比如 `.ico`, `.png`, 或者针对特定平台的图标（如 macOS 的 `.icns`）。确保每个平台上都有合适的图标，以便在不同环境下展示一致的视觉效果。

2. **访问图标**: 使用 Electron 的 `app` 模块，这个模块在所有平台（Windows, macOS, Linux）上都是可用的。你可以像下面这样获取图标：

   const { app } = require('electron');
   const nativeImage = require('native-image');

   const iconPath = `./path/to/your/icon.png`; // 替换为实际图标路径

   let icon = nativeImage.createFromPath(iconPath);

3. **设置图标**:
- 对于全局图标，用于任务栏、窗口标题等，可以这样设置：

     app.setGlobalIcon(icon);

- 对于特定窗口或浏览器标签页，可以设置窗口级别的图标：

     const win = new BrowserWindow({ ... });
     win.setIcon(icon);

4. **打包时包含图标**: 在使用诸如 `electron-builder` 这样的构建工具时，记得将图标加入到应用的清单 (`package.json`) 或 `build` 配置中，这样打包出来的应用程序会包含这些图标。

5. **处理不同平台的图标**: 如果需要为每个平台提供特定的图标，可以在对应的操作系统检测后，动态切换使用的图标。

注意，图标设置可能会因操作系统的用户界面指南有所不同，因此在设计时应考虑兼容性和用户体验。