在 BrowserWindow 中表示文件¶

概述¶

在 macOS 上，你可以为应用程序中的任意窗口设置表示文件。 表示文件的图标将显示在标题栏中，当用户执行 Command-Click 或 Control-Click 时， 将显示一个包含该文件路径的弹出窗口。

注意：上图是一个示例，其中该功能用于指示 Atom 文本编辑器中当前打开的文件。

你还可以为窗口设置已编辑状态，以便文件图标能够指示该窗口中的文档是否已被修改。

要设置窗口的表示文件，你可以使用 BrowserWindow.setRepresentedFilename 和 BrowserWindow.setDocumentEdited API。

示例¶

```fiddle docs/fiddles/features/represented-file const { app, BrowserWindow } = require('electron/main') const os = require('node:os')

function createWindow () { const win = new BrowserWindow({ width: 800, height: 600 })

win.setRepresentedFilename(os.homedir()) win.setDocumentEdited(true)

win.loadFile('index.html') }

app.whenReady().then(() => { createWindow()

app.on('activate', () => { if (BrowserWindow.getAllWindows().length === 0) { createWindow() } }) })

app.on('window-all-closed', () => { if (process.platform !== 'darwin') { app.quit() } }) ```

启动 Electron 应用程序后，按住 Command 或 Control 键并点击标题栏。你应该会看到一个顶部显示表示文件的弹出窗口。 在本指南中，这是当前用户的主目录：