如何在电子中访问 Web 应用程序 DOM window.MyCollection

Question

我正在尝试从我的网络应用程序中获取计数以更新徽章编号并使用电子loadURL 来运行我的应用程序。

另外，我正在使用 Electron Windows Badge 插件作为 Windows electron-windows-badge 中应用图标上的徽章编号。

这是我用于更新徽章编号的网络应用代码

window.MyCollection.on('PENDING', (type, contactIdParams) => {

console.log(window.getBadgeCount())

})

我试图执行以下代码，但 ipcRenderer 无法导入 & update-badge 在 executeJavaScript 中无法运行。

  let mainWindow = new BrowserWindow({
    webPreferences: {
      nodeIntegration: true,
      preload: path.join(__dirname, "renderer", "renderer.js"),
    }
  });


  mainWindow.loadURL("https://my-web-application.com");


  mainWindow.webContents.on('dom-ready', e => {

    mainWindow.webContents.executeJavaScript(`

       window.MyCollection.on('PENDING', (type, Id) => {

          ipcRenderer.sendSync('update-badge', window.getBadgeCount());

        })

    `)

  });

从我的网络应用程序中获取此计数并更新应用程序图标的徽章编号的方法是什么。

Answer 1

由于contextIsolation:true，应用程序对象未被访问。