在 Electron 中加载 url 时添加后退按钮

Question

我目前在我的 Electron 应用程序中有一些元素，当单击它们时会加载一个 url。但是，无法转到上一个（本地）页面。

有没有办法在外部 url 顶部添加分层后退按钮来加载上一页？

Answer 1

我不需要使用它，但webContent实例中有导航功能：

内容.clearHistory()

清除导航历史记录。

内容.goBack()

使浏览器返回网页。

内容.goForward()

使浏览器前进一个网页。

等等。所以看起来你可以做你想做的事。

Answer 2

在您页面的任何地方不要忘记

const electron = window.require('electron');
const { ipcRenderer } = electron;

App.js（或任何页面）

const goBack = async () => {
  // Async message sender
  ipcRenderer.send('goBackHomeBoi', 'Send Me Data Please')
  // Async message handler
  ipcRenderer.on('WentBack', (event, data) => {
    console.log(data)
  })
}

那么你可以在页面上有一个onClick绑定到这个功能的按钮。

main.js（电子主）

 // Event handler for asynchronous incoming messages
ipcMain.on('goBackHomeBoi', async (event, arg) => {
    win.webContents.goBack()
    event.sender.send('WentBack', 'Done')
 })