electron 提供SDK接口注入到远端页面使用

最新推荐文章于 2025-06-30 11:05:17 发布

原创

最新推荐文章于 2025-06-30 11:05:17 发布 · 7.8k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#sdk #对象

本文介绍了如何在Electron应用中加载远端页面，并将自定义的SDK接口注入到这些页面，以便第三方可以在远端页面上调用这些接口。首先，通过BrowserWindow加载远端页面，然后详细阐述了如何将SDK接口注入到页面中，最后讨论了远端页面如何调用这些注入的接口。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、加载远端页面

在main.js内通过 BrowserWindow 对象加载远端页面，如下所示：

'use strict';

const electron = require('electron')
const globalShortcut = electron.globalShortcut;
// Module to control application life.
const app = electron.app
// Module to create native browser window.
const BrowserWindow = electron.BrowserWindow

// Keep a global reference of the window object, if you don't, the window will
// be closed automatically when the JavaScript object is garbage collected.
let mainWindow

global.releaseVersion = false;

function createWindow () {
   
   
  // 创建窗体
  mainWindow = new BrowserWindow({width: 800, height: 800})

  // 注册打开控制台的快捷键
  globalShortcut.register('CommandOrControl+P+0',