Skip to content

Instantly share code, notes, and snippets.

@LeeDDHH
Last active Aug 14, 2021
Embed
What would you like to do?
Electron実装時のtips

フレームレスウィンドウにして、動かす

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>

ソース

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

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

win.setMinimumSize(minWidth, minHeight);
win.setSize(width, height);

ソース

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

TypeScriptで指定する

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

ソース

Creating a custom menu bar in Electron - DEV Community

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment