Electronでつくるアプリでメニューバーを非表示にする方法

Electron, JavaScript, Web, クロスプラットフォーム

( ´-`).。oO(この記事はだいたい 1 分くらいで読めるかも)

Electron(この記事ではバージョン9.3.5)で普通にアプリをつくると、アプリのウィンドウに次の赤枠で囲んだようなメニューバーが表示される。

このメニューをなくしてウィンドウをすっきりさせたいときは、Electronのウィンドウ設定を行うJavaScriptコードに次のように1行追加する。

// ウィンドウを生成する処理(どこかで定義しているはず)
const win = new BrowserWindow({
  // 略
});
// この行を追加する。
win.setMenuBarVisibility(false);

結果、次のようにメニューバーの無いウィンドウが表示されるようになる。