LeeDDHH/electron-tips.md

## electron-tips.md

      
    Raw
  

              electron-tips.md
            
          
    フレームレスウィンドウにして、動かす

mainプロセス

settingWindow = new BrowserWindow({
  width: 800,
  height: 600,
  frame: false,
  maximizable: false,
  fullscreenable: false,
  resizable: false,
  webPreferences: windowOption,
});
rendererプロセス

︙
<head>
︙
  <!--場合によっては必要-->
  <meta
    http-equiv="Content-Security-Policy"
    content="default-src 'self' 'unsafe-eval' 'unsafe-inline';"
  />
  <meta
    http-equiv="X-Content-Security-Policy"
    content="default-src 'self';"
  />
  <!---->
︙
</head>
︙
<body style="-webkit-app-region: drag">
  ︙
</body>
︙
ソース


Frameless Window
javascript - How do I enable the ability to move a frameless window in Electron and Svelte? - Stack Overflow
javascript - Refused to apply inline style because it violates the following Content Security Policy directive - Stack Overflow

windows版でBrowserWindowの大きさをsetSizeで変更しても、変更通りにならないときにやること


setSizeの処理の前に、setMinimumSizeを指定する

︙
win.setMinimumSize(minWidth, minHeight);
win.setSize(width, height);
︙
ソース


setSize can't shrink non-resizable window (but can grow it) · Issue #15560 · electron/electron

menu を BrowserWindow 内のコンテキストメニューとしてポップアップさせる際に、 window を指定する方法

TypeScriptで指定する

const menu = new Menu();
menu.popup({ window: windowInstance });
ソース

Creating a custom menu bar in Electron - DEV Community