Пользовательский электронный заголовок, когда не используется index.html

Question

При использовании следующего кода:

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

Я не могу создать пользовательский заголовок с помощью css / html, так как я не использую index.html, как мог бы, если бы я использовалэтот код:

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

Я пробовал настраиваемые пакеты npm, такие как электронное окно заголовков и пользовательское электронное заголовок. Кажется, ничего не работает, когда я отображаю внешнюю страницу из loadURL.

Вот моя текущая реализация custom-electronic-titlebar, в процессе рендеринга:

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

MyTitleBar.updateTitle('Test Title');

Answer 1

Вы можете использовать setTitle Документация

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