Personnalisation des fenêtres

Le module BrowserWindow est la base de votre application Electron, et expose de nombreuses API utilisables pour modifier l’apparence et le comportement des fenêtres de votre navigateur. Cette section couvre comment implémenter différents cas d'utilisation pour la personnalisation des fenêtres sur macOS, Windows et Linux.

info

BrowserWindow est une sous-classe du module BaseWindow. Les deux modules permettent la créatiçon et la gestion des fenêtres d'applications dans Electron, leur principale différence étant que BrowserWindow supporte un seul affichage web en taille réelle alors que BaseWindow prend en charge la composition de nombreuses vues web. BaseWindow peut être utilisé de manière interchangeable avec BrowserWindow dans les exemples de cette section.

📄️ Custom Title Bar

Application windows have a default chrome applied by the OS. Not to be confused with the Google Chrome browser, window _chrome_ refers to the parts of the window (e.g. title bar, toolbars, controls) that are not a part of the main web content. While the default title bar provided by the OS chrome is sufficent for simple use cases, many applications opt to remove it. Implementing a custom title bar can help your application feel more modern and consistent across platforms.

📄️ Custom Window Interactions

By default, windows are dragged using the title bar provided by the OS chrome. Apps that remove the default title bar need to use the app-region CSS property to define specific areas that can be used to drag the window. Setting app-region: drag marks a rectagular area as draggable.

📄️ Custom Window Styles

!Fenêtre sans cadre