Ele_0001：在electron中使用 jquery loadURL本地地址带参数 背景透明配置 创建系统托盘 fs写入数据到文件 BrowserView创建及设置

1，方法一，在ele中加如下代码

//在Electron中直接使用JQuery
if (typeof module === 'object') {window.jQuery = window.$ = module.exports;};

如果报错可以这样写：

if (typeof module === 'object') {jQuery = $ = module.exports;};

 注意这样设置：

    webPreferences: {
      // preload: path.join(__dirname, 'preload.js'),
      nodeIntegration: true,
      contextIsolation: false,
    }

 

 

 

2，方法二：

打开jquery.js，在文件的开头加上：

if (typeof module === 'object') {window.module = module; module = undefined;}
在文件的结尾加上：

if (window.module) module = window.module;
这样就不会出现找不到$的问题了。

 

  loadURL本地地址带参数

view1.webContents.loadURL(`file://${__dirname}/xxx/model/mod3d/index.html?ws=wg&model=models/hentai/03241/03241-L.fbmodel`);

 

背景透明配置

            frame: true,  // 隐藏标题栏
            backgroundColor: '#00000000',
            transparent: true,  // 透明 ,为true则放大窗口功能失效

 

 

创建系统托盘

          // //WG 系统托盘右键菜单
          // var trayMenuTemplate = [
          //   {
          //     label: "关于",
          //     click: function () {
          //       new noti({
          //         title: "服务",
          //         body: "软件开发：WG",
          //         icon: path.join(__dirname, "assets/img/eswg.ico")
          //       }).show();
          //     },
          //   },
          //   {
          //     label: "退出",
          //     click: function () {
          //       t.quit();
          //     },
          //   },
          // ];
          // // 系统托盘图标目录 读取程序相对路径地址
          // var trayIcon = path.join(__dirname, "assets/img/eswg.ico");
          // appTray = new tr(trayIcon);
          // // 设置此托盘图标的悬停提示内容
          // appTray.setToolTip("欧派零售服务器");
          // // 图标的上下文菜单
          // const contextMenu = me.buildFromTemplate(trayMenuTemplate);
          // // 设置此图标的上下文菜单
          // appTray.setContextMenu(contextMenu);
          // // 双击触发
          // appTray.on("double-click", () => {
          //   // 双击通知区图标实现应用的显示或隐藏
          //   c.isVisible() ? c.hide() : c.show();
          //   // c.isVisible() ? c.setSkipTaskbar(false) : c.setSkipTaskbar(true);
          // });

 

 

写入数据到文件代码

fs.appendFile(path.join(__dirname, "test.json"), a["PGID"], 'utf8', function (err) {if (err) {} else {};});

 

BrowserView创建及设置

        // var view1 = new we();
        // c.setBrowserView(view1);  //只有一个时用set
        // c.addBrowserView(view1);  // 页面有多个view时用add
        // view1.setBounds({x:0,y:0,width:608,height:1080});
        // view.setAutoResize({ width: true, height: true });
        // view.destroy();
        // c.removeBrowserView(view1);
        // view1.setBackgroundColor("#2000ff00");
        // view1.webContents.loadFile('HenTai/htPage.html');  // 加载本地地址
        // view1.webContents.loadURL('https://xxx/home3d/?&version=7&speed=0.4');  // 加载远程地址
        // view1.webContents.loadURL(`file://${__dirname}/HenTai/htPage1.html?PGID=page1`);  // 加载本地地址带参数