javascript - Electron 打开浏览器中的每个链接，而不是 Electron 本身

Question

我想打开一个外部链接，而不是在 Electron 设备中，而是在浏览器中。因此，我实现了以下代码:

document.addEventListener('click', function(event) {
   if (event.target.tagName === 'A' && event.target.href.startsWith('http')) {
   event.preventDefault();
   shell.openExternal(event.target.href);
 }
});

现在的问题是，我创建的每个链接都在浏览器中打开。
例如
<a href="http://google.com">foo</a> <-需要在浏览器中打开的行为
<a href="#">bar</a> <-不想在浏览器中打开行为

我如何才能在浏览器中打开外部链接？

Answer 1

<a href="#"></a>实际上是href="http://localhost:X000/#"因此if条件始终为true。
以此替换您的代码，它应该可以工作:

    const { app, shell, BrowserWindow } = require("electron");

    // Create the browser window.
    mainWindow = new BrowserWindow({
      width: 1300,
      height: 800,
    });

    // Load your React app or any other HTML which creates your Electron app content
    mainWindow.loadFile("./build/index.html");

    mainWindow.webContents.on("new-window", function(event, url) {
      event.preventDefault();
      // This will open a new Electron window to load the url.
      shell.openExternal(url);
    });