electron程序做出悬浮窗口效果

Question

问题遇到的现象和发生背景

如图一：中间白色背景为程序a，灰色背景为程序b，两程序为单独的程序互不影响，现点击程序a会出现任务栏覆盖在程序b上，想做到程序a和b视觉上为同一程序，即点击程序a不会出现任务栏。

问题相关代码，请勿粘贴截图

var w = window.screen.availWidth * 0.30;
    var h = window.screen.availHeight * 0.88;
    win = new BrowserWindow({
        width: parseInt(w),
        height: parseInt(h),
        frame: false,
        maximizable: false,
        minimizable: false,
        show: false,
        type: 'toolbar',
        skipTaskbar: true,
        webPreferences: {
            nodeIntegration: true,
            contextIsolation: false,
            enableRemoteModule: true,
        }
    })
    win.loadFile('./hanzi/write.html');

    win.on('ready-to-show', function () {
        win.setAlwaysOnTop(true, 'screen-saver');
        win.show();
        win.webContents.send('data', data);

    });

运行结果及报错内容

我的解答思路和尝试过的方法

我想要达到的结果

想达到无论点击程序a还是程序b，都能实现如图显示

Answer 1

你好，我是有问必答小助手，非常抱歉，本次您提出的有问必答问题，技术专家团超时未为您做出解答


本次提问扣除的有问必答次数，将会以问答VIP体验卡（1次有问必答机会、商城购买实体图书享受95折优惠）的形式为您补发到账户。


因为有问必答VIP体验卡有效期仅有1天，您在需要使用的时候【私信】联系我，我会为您补发。