javascript - 在 ElectronJS 应用程序中强制在外部浏览器中打开链接

Question

我将一个 webapp 放入 ElectronJS 框架中。在 webapp(实际上是网页)中有一些链接 target=_blank。但是，当我单击该链接时，它将打开另一个 Electron 浏览器窗口。预计我希望链接显示在默认的网络浏览器中。

我能想到的是捕获这样的导航事件，然后向主浏览器窗口发送一条消息，让它生成一个默认的浏览器实例来显示链接。

我觉得这有点复杂。我正在寻找一种更简单的方法来做到这一点。

Answer 1

你的想法是对的，你需要听听new-window event并将 URL 转发到默认浏览器。您可以像这样在主流程中实现它:

import { shell } from 'electron'

mainWindow.webContents.on('new-window', (event, url) => {
  // stop Electron from opening another BrowserWindow
  event.preventDefault()
  // open the url in the default system browser
  shell.openExternal(url)
})

请注意，new-window 事件实际上提供了有关要打开的窗口的一些附加信息(不仅仅是 URL)，您可能需要考虑其中的一些信息以确定是否应将 URL 转发到默认浏览器。