electron监听网页_electron用默认浏览器打开链接的3种实现方式

在使用electron开发桌面程序的过程中，我们可能经常需要让electron程序中包含的链接在被点击后直接调用系统的默认浏览器打开，仔细看了文档的都知道其核心原理就是通过electron的shell模块中的openExternal方法来调用系统默认浏览器打开链接，但是对于其实现又有不同的方法，彻底的接管，选择性的接管，瞎 main介绍3中行之有效的方法。

1、在渲染进程中选择所有的a标签，覆盖a标签的默认点击方法，代码如下：

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

const links = document.querySelectorAll('a[href]')；

links.forEach(link => {

link.addEventListener('click', e => {

const url = link.getAttribute('href');

e.preventDefault();

shell.openExternal(url);

});

});

这种方法的优点是可以精确控制，比如我们可以控制部分链接用系统浏览器打开，部分链接在electron直接打开，缺点就是这个方式只能接管自己可以维护的网页，不能更改第三方网页中链接的打开方式。

2、该方法与上一种方法类似，只不过换了一种角度来实现，这里打开连接并不在渲染进程中直接做，而是通过和主进程通信来告诉主进程调用系统浏览器打开链接，具体代码如下：

主进程代