javascript - 不使用index.html时自定义 Electron 标题栏

Question

当使用以下代码时:

mainWindow.loadURL(`http://www.google.com/`);

我无法使用 css/html 制作自定义标题栏，因为我没有使用 index.html，而如果我使用此代码，我就可以做到:

loaderWindow.loadURL(`file:///${__dirname}/loader.html`);

我尝试过自定义 npm 包，例如 electro-titlebar-windows 和 custom-electron-titlebar。当我从 loadURL 显示外部页面时，似乎没有任何效果。

这是我当前在渲染器进程中实现的自定义 Electron 标题栏:

let MyTitleBar = new customTitlebar.Titlebar({
  backgroundColor: customTitlebar.Color.fromHex('#03a9f4')
});

MyTitleBar.updateTitle('Test Title');

Answer 1

您应该能够使用setTitle Documentation

mainWindow.webContents.on('did-finish-load', () => {
  mainWindow.setTitle('Test Title');
});