• 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,608,height:1080});
            // view.setAutoResize({  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`);  // 加载本地地址带参数
  • 相关阅读:
    「HAOI2015」「LuoguP3178」树上操作(树链剖分
    「LuoguP3865」 【模板】ST表 (线段树
    「LuoguP3384」【模板】树链剖分
    「网络流24题」「Codevs1237」 餐巾计划问题
    「LuoguP1799」 数列_NOI导刊2010提高(06)
    「咕咕网校
    「数论」逆元相关
    「SHOI2007」「Codevs2341」 善意的投票(最小割
    「BZOJ3438」小M的作物(最小割
    「NOIP2005」「Codevs1106」篝火晚会
  • 原文地址:https://www.cnblogs.com/eliteboy/p/16434800.html
Copyright © 2020-2023  润新知