electron程序做出悬浮窗口效果

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

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

img

问题相关代码,请勿粘贴截图
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,都能实现如图显示

img

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


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


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