使用HTML锚标记在Electron中打开外部链接

Question

我正在制作一个电子应用程序，我想在我的index.html文件中创建一个按钮，以打开我的GitHub存储库网站的默认互联网浏览器（例如Chrome）。我已经看到其他StackOverflow问题，但成功的答案，但它们包含JavaScript的片段，我不知道在哪里放置它们。

Answer 1

这个答案引用了该问题的早期暧昧版本，然后暗示需要打开一个新的电子窗口。

当您说“外部链接”时，我假设您要打开另一个包含您的github存储库的窗口。

这可以通过将以下代码添加到 main.js 来完成：

一开始：

const ipcMain = require('electron').ipcMain;

在 app.on 功能中：

var externalWindow = new BrowserWindow ({
    width: 800,
    height: 600
})

在 app.on 功能之后：

ipcMain.on('loadGH', (event, arg) => {
    externalWindow.loadURL(arg);
});

在index.html的头部，您需要实例化ICP模块：

<script>
const ipc = require('electron').ipcRenderer;
</script>

然后使用href中的onclick事件来实际执行新窗口的加载：

<a HREF="#" onclick="ipc.send('loadGH','http://github.com/yourGitHubName');">Link</a>

Answer 2

使用shell module：

将以下代码添加到main.js：

一开始：

const {ipcMain} = require('electron');
const {shell} = require('electron');

在app.on函数之后：

ipcMain.on('loadGH', (event, arg) => {
    shell.openExternal(arg);
});

在index.html的头部，您需要实例化ICP模块：

<script>
const ipc = require('electron').ipcRenderer;
</script>

然后使用onclick事件实际执行新窗口的加载：

<a HREF="#" onclick="ipc.send('loadGH','http://github.com/yourGitHubName');">Link</a>