Làm cách nào để xóa thanh menu này khỏi các ứng dụng điện tử của tôi:

Ngoài ra, nó còn nói "Hello World" (đây có phải là do tôi đã tải xuống electron được xây dựng sẵn và sẽ biến mất sau khi tôi đóng gói ứng dụng?). Tôi không viết mã những thứ này vào html, vì vậy tôi không biết làm cách nào để lấy nó ra! -

Bạn có thể sử dụng w.setMenu(null)hoặc đặt frame: false(điều này cũng loại bỏ các nút cho các tùy chọn đóng, thu nhỏ và tối đa hóa) trên cửa sổ của bạn. Xem setMenu () hoặc BrowserWindow () . Cũng kiểm tra chuỗi này

Electron hiện đã win.removeMenu()( được thêm vào v5.0.0 ), để loại bỏ các menu ứng dụng thay vì sử dụng win.setMenu(null).

Electron 7.1.x dường như có một lỗi win.removeMenu()không hoạt động. Cách giải quyết duy nhất là sử dụngMenu.setApplicationMenu(null)

Dùng cái này:

mainWindow = new BrowserWindow({width: 640, height: 360})
mainWindow.setMenuBarVisibility(false)

Tham khảo: https://github.com/electron/electron/issues/1415

Tôi đã thử mainWindow.setMenu(null), nhưng nó không hoạt động.

Đối với Electron 7.1.1, bạn có thể sử dụng:

const {app, BrowserWindow, Menu} = require('electron')
Menu.setApplicationMenu(false)

Khi bạn đóng gói ứng dụng của mình, menu mặc định sẽ không ở đó nữa, nếu điều này làm phiền bạn trong quá trình phát triển thì bạn có thể gọi setMenu(null)trên cửa sổ trình duyệt theo đề xuất của @TonyVincent.

Kể từ 7.0.0, hầu hết các giải pháp trên không còn hoạt động. BrowserWindow.setMenu()đã được thay thế bằng Menu.setApplicationMenu(), hiện thay đổi menu trên tất cả các cửa sổ. setMenu(), removeMenu()không còn làm bất cứ điều gì, Mà bằng cách này vẫn được đề cập trong tài liệu.

setAutoHideMenuBar()vẫn hoạt động, nhưng có thể gây phiền toái nếu bạn định sử dụng Alt làm công cụ sửa đổi phím nóng. Sau khi menu hiển thị, bạn phải nhấp ra khỏi cửa sổ (tiêu điểm lỏng lẻo) để ẩn menu một lần nữa.

Nếu ứng dụng của bạn có nhiều cửa sổ, bạn không thể đặt / xóa menu riêng trên từng cửa sổ. Cách duy nhất để xóa menu là sử dụng phương pháp tiếp cận cửa sổ không khung. Điều đó xảy ra là những gì tôi muốn trong ứng dụng hiện tại của mình, nhưng không phải là một giải pháp tốt trong mọi trường hợp.

Menu có thể được ẩn hoặc tự động ẩn (như trong Slack hoặc VS Code - bạn có thể nhấn Alt để hiển thị / ẩn menu).

Các phương pháp liên quan:

---- win.setMenu (menu) - Đặt menu làm thanh menu của cửa sổ, đặt thành null sẽ xóa thanh menu. ( Thao tác này sẽ xóa menu hoàn toàn )

mainWindow.setMenu(null)

---- win.setAutoHideMenuBar (ẩn) - Đặt xem thanh menu cửa sổ có tự động ẩn hay không. Sau khi thiết lập , thanh menu sẽ chỉ
hiển thị khi người dùng nhấn một phím Alt .

mainWindow.setAutoHideMenuBar(true)

Nguồn: https://github.com/Automattic/simplenote-electron/issues/293

Ngoài ra còn có một phương pháp để tạo một cửa sổ không có khung như được hiển thị bên dưới:

(không có nút đóng không có gì cả. Có thể là những gì chúng tôi muốn (thiết kế tốt hơn))

const { BrowserWindow } = require('electron')
let win = new BrowserWindow({ width: 800, height: 600, frame: false })
win.show()

https://electronjs.org/docs/api/browser-window#winremovemenu-linux-windows

doc: https://electronjs.org/docs/api/frameless-window

Chỉnh sửa: (mới)

win.removeMenu() Linux Windows Xóa thanh menu của cửa sổ.

https://electronjs.org/docs/api/browser-window#winremovemenu-linux-windows

Đã thêm win.removeMenu () để xóa menu ứng dụng thay vì sử dụng win.setMenu (null)

Điều đó được thêm vào từ v5 như sau:

https://github.com/electron/electron/pull/16570

https://github.com/electron/electron/pull/16657

Lỗi Electron v7

Đối với Electron 7.1.1 sử dụng Menu.setApplicationMenuthay vìwin.removeMenu()

theo chủ đề này:
https://github.com/electron/electron/issues/16521

Và lưu ý lớn là: bạn phải gọi nó trước khi tạo BrowserWindow ! Hoặc nó sẽ không hoạt động!

const {app, BrowserWindow, Menu} = require('electron')

Menu.setApplicationMenu(null);

const browserWindow = new BrowserWindow({/*...*/});

CẬP NHẬT (Đặt autoHideMenuBar trên xây dựng BrowserWindow)

Theo bình luận của @kcpr! Chúng ta có thể đặt thuộc tính và nhiều thuộc tính trên hàm tạo

Nó có sẵn trên phiên bản electron ổn định mới nhất tính đến thời điểm hiện tại là 8.3!
Nhưng trong các phiên bản cũ, tôi đã kiểm tra v1, v2, v3, v4!
Nó có trong tất cả các phiên bản!

Theo liên kết này
https://github.com/electron/electron/blob/1-3-x/docs/api/browser-window.md

Và đối với v8.3
https://github.com/electron/electron/blob/v8.3.0/docs/api/browser-window.md#new-browserwindowoptions

Liên kết tài liệu
https://www.electronjs.org/docs/api/browser-window#new-browserwindowoptions

Từ tài liệu cho tùy chọn:

autoHideMenuBar Boolean (tùy chọn) - Tự động ẩn thanh menu trừ khi nhấn phím Alt. Mặc định là sai.

Dưới đây là một đoạn mã để minh họa nó:

let browserWindow = new BrowserWindow({
    width: 800,
    height: 600,
    autoHideMenuBar: true // <<< here
})

@"electron": "^7.1.1" : 

mainWindow = new browserWindow({ height: 500, width: 800});
//mainWindow.setAutoHideMenuBar(true);
mainWindow.autoHideMenuBar = true;

Hoạt động như mong đợi mà không cần menu trong trình duyệt.

Theo câu trả lời từ vấn đề này , bạn phải gọi Menu.setApplicationMenu(null) trước khi cửa sổ được tạo

Trước dòng này tại main.js:

mainWindow = new BrowserWindow({width: 800, height: 900})

mainWindow.setMenu(null) //this will r menu bar

Theo tài liệu chính thức @ https://github.com/electron/electron/blob/v8.0.0-beta.1/docs/api/menu.md , cách thích hợp để thực hiện việc này ngay bây giờ kể từ 7.1.2 và tôi đã thử nghiệm nó cũng trên 8.0 là để:

const { app, Menu } = require('electron')

Menu.setApplicationMenu(null)

Các giải pháp này có lỗi. Khi sử dụng các giải pháp ở bên dưới, các cửa sổ có độ trễ khi đóng.

Menu.setApplicationMenu(null),
&&
const updateErrorWindow = new BrowserWindow({autoHideMenuBar: true});

Tôi đã sử dụng giải pháp ở bên dưới. Điều này là tốt hơn cho bây giờ.

const window= new BrowserWindow({...});
window.setMenuBarVisibility(false);