不使用index.html时的自定义电子标题栏

Question

使用以下代码时：

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

我无法使用css / html创建自定义标题栏，因为我没有使用index.html，就像我使用此代码一样：

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

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

这是我当前在渲染器过程中实现的custom-electron-titlebar：

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');
});