通过Electron+iframe打开外部链接

   我这里是将electron当成一整个框架，通过内嵌网页的形式来打开

1.先在electron里main下的index.js里配置如下代码

import { app,BrowserWindow,shell } from "electron";
app.on("web-contents-created", (e, webContents) => {
  webContents.on("new-window", (event, url) => {
    event.preventDefault();
    shell.openExternal(url);
  });
});

2.在所写的h5项目里写方法 （vue-cli+element-ui）

打开外部链接

openVideo(item) {
      let a = document.createElement("a");
       a.setAttribute("href", item.url);
       a.setAttribute("target", "_blank");
       //给个id,可以在触发点击事件后移除这个a链接元素
       a.setAttribute("id", "openLink");
       // 防止反复添加
       if (document.getElementById("openLink")) {
       document.body.removeChild(document.getElementById("openLink"));
        }
       document.body.appendChild(a);
        //触发点击事件
       a.click();
 },