BaseWindowConstructorOptions Object
widthInteger (opcional) - Ancho de la ventana en píxeles. Por defecto,800.heightInteger (opcional) - Altura de la ventana en píxeles. Por defecto,600.xInteger (opcional) - (obligatorio si se usa y) Desplazamiento izquierdo de la ventana en la pantalla. Por defecto es centrar en la ventana.yInteger (opcional) - (obligatorio si se usa x) Desplazamiento superior de la ventana en la pantalla. Por defecto es centrar en la ventana.useContentSizeboolean (opcional) -widthyheightse usarán como el tamaño de la página web, lo que significa que el tamaño real de la ventana incluirá el tamaño del marco de la ventana y será ligeramente mayor. Por defecto,false.centerboolean (opcional) - Muestra la ventana en el centro de la pantalla. Por defecto,false.minWidthInteger (opcional) - Ancho mínimo de la ventana. Por defecto,0.minHeightInteger (opcional) - Altura mínima de la ventana. Por defecto,0.maxWidthInteger (opcional) - Ancho máximo de la ventana. Por defecto no hay limite.maxHeightInteger (opcional) - Altura máxima de la ventana. Por defecto no hay limite.resizableboolean (opcional) - Si la ventana es redimensionable. Por defecto,true.movableboolean (opcional) macOS Windows - Si la ventana se puede mover. Esto no está implementado en Linux. Por defecto,true.minimizableboolean (opcional) macOS Windows - Si la ventana es se puede minimizar. Esto no está implementado en Linux. Por defecto,true.maximizableboolean (opcional) macOS Windows - Si la ventana es se puede maximizar. Esto no está implementado en Linux. Por defecto,true.closableboolean (opcional) macOS Windows - Si la ventana se puede cerrar. Esto no está implementado en Linux. Por defecto,true.focusableboolean (opcional) macOS Windows - Si la ventana puede tener el foco. Por defecto,true. En Windows, la configuraciónfocusable: falseimplicaskipTaskbar: true. En Linux, la configuraciónfocusable: falsehace que la ventana deje de interactuar con wm, por lo que la ventana siempre permanecerá en la parte superior en todos los espacios de trabajo.alwaysOnTopboolean (opcional) - Si la ventana debe permanecer siempre encima de otras ventanas. Por defecto,false.fullscreenboolean (opcional) - Si la ventana puede mostrarse a pantalla completa. Cuando se establece explícitamente comofalse, el botón de pantalla completa se ocultará o deshabilitará en macOS. Por defecto,false.fullscreenableboolean (opcional) - Si la ventana se puede poner en modo de pantalla completa En macOS, también se indica si el botón maximizar/zoom debe alternar entre el modo de pantalla completa o maximizar la ventana. Por defecto,true.simpleFullscreenboolean (opcional) macOS - Utiliza la pantalla completa anterior a Lion en macOS. Por defecto,false.skipTaskbarboolean (opcional) macOS Windows - Si se debe mostrar la ventana en la barra de tareas. Por defecto,false.hiddenInMissionControlboolean (opcional) macOS - Si la ventana debe ocultarse cuando el usuario cambia al mission control.kioskboolean (opcional) - Si la ventana está en modo quiosco. Por defecto,false.titlestring (opcional) - Título de la ventana predeterminado. Por defecto,Electron. Si la etiqueta HTML<title>está definida en el archivo HTML cargado porloadURL(), esta propiedad será ignorada.icon(NativeImage | string) (opcional) - El icono de la ventana. En Windows se recomienda utilizar iconos "ICO" para obtener mejores efectos visuales. También puedes dejarlo sin definir para que se utilice el ícono del ejecutable.showboolean (opcional) - Si la ventana debe mostrarse cuando se crea. Por defecto,true.frameboolean (opcional) - Especifiquefalsepara crear una ventana sin marco. Por defecto,true.parentBaseWindow (opcional) - Especifica la ventana padre (parent window). Por defectonull.modalboolean (opcional) - Si se trata de una ventana modal. Esto sólo funciona cuando la ventana es una ventana hija (child window). Por defecto,false.acceptFirstMouseboolean (opcional) macOS - Si al hacer clic en una ventana inactiva también se accederá al contenido web. Por defecto,falseen macOS. Esta opción no es configurable en otras plataformas.disableAutoHideCursorboolean (opcional) - Si desea ocultar el cursor al escribir. Por defecto,false.autoHideMenuBarboolean (optional) Linux Windows - Auto hide the menu bar unless theAltkey is pressed. Por defecto,false.enableLargerThanScreenboolean (opcional) macOS - Habilita que la ventana se redimensione a un tamaño más grande que la pantalla. Solo es relevante para macOS, ya que otros sistemas operativos permiten ventanas más grandes que la pantalla de forma predeterminada. Por defecto,false.backgroundColorstring (opcional) - El color de fondo de la ventana en formato de color Hex, RGB, RGBA, HSL, HSLA o CSS con nombre. Se admite el formato alfa en #AARRGGBB sitransparentestá configurado comotrue. Por defecto,#FFF(blanco). Consulte win.setBackgroundColor para más información.hasShadowboolean (opcional) - Si la ventana debe tener sombra. Por defecto,true.opacitynumber (opcional) macOS Windows - Establece la opacidad inicial de la ventana, entre 0.0 (completamente transparente) y 1.0 (completamente opaca). Esto solo está implementado en Windows y macOS.darkThemeboolean (opcional) - Fuerza el uso del Modo Oscuro para la ventana, solo funciona en algunos entornos de escritorio GTK+3. Por defecto,false.transparentboolean (opcional) - Hace que la ventana sea transparente. Por defecto,false. En Windows, no funciona a menos que la ventana sea sin marco.typestring (opcional) - El tipo de ventana, por defecto es una ventana normal. Más información sobre esto más abajo.visualEffectStatestring (opcional) macOS - Especifica cómo la apariencia del material debe reflejar el estado de actividad de la ventana en macOS. Debe utilizarse con la propiedadvibrancy. Los valores posibles son:followWindow- El fondo debe aparecer automáticamente activo cuando la ventana esté activa, e inactivo cuando no lo esté. Este es el valor predeterminado.activo- El fondo siempre debe aparecer activo.inactivo- El fondo siempre debe aparecer inactivo.
titleBarStylestring (opcional) - El estilo de la barra de título de la ventana. Por defecto,default. Los valores posibles son:default- Muestra la barra de título estándar para macOS o Windows, respectivamente.hidden- Muestra una barra de título oculta y una ventana de contenido de tamaño completo. En macOS, la ventana muestra en la parte superior izquierda los controles estándar de “semáforo” (botones rojo, ámbar y verde, para cerrar, maximizar/restaurar y minimizar). En Windows y Linux, cuando se combina contitleBarOverlay: true, activará la superposición de controles de ventana (consultetitleBarOverlaypara más información); de lo contrario, no se mostrarán controles de ventana.hiddenInsetmacOS - Muestra una barra de título oculta con una apariencia alternativa donde los botones del semáforo están ligeramente más insertados desde el borde de la ventana.customButtonsOnHovermacOS - Muestra una barra de título oculta y una ventana de contenido de tamaño completo, los botones del semáforo se mostrarán al pasar el cursor sobre ellos en la parte superior izquierda de la ventana. Nota: Esta opción es actualmente experimental.
titleBarOverlayObjet | Booleano (opcional) - Cuando se usa una ventana sin marco junto conwin.setWindowButtonVisibility(true)en macOS o se usa untitleBarStylepara que los controles de ventana estándar ("semáforos" en macOS) sean visibles, esta propiedad habilita la superposición de controles de ventana API de JavaScript y Variables de entorno CSS. Si se especificatrue, se obtendrá una superposición con los colores predeterminados del sistema. Por defecto,false.colorstring (opcional) Windows Linux - El color CSS de la superposición de controles de ventana cuando está habilitada. Por defecto, el color del sistema.symbolColorString (optional) Windows Linux - The CSS color of the symbols on the Window Controls Overlay when enabled. Por defecto, el color del sistema.heightInteger (optional) - The height of the title bar and Window Controls Overlay in pixels. Por defecto, la altura del sistema.
accentColorboolean | string (optional) Windows - The accent color for the window. By default, follows user preference in System Settings. Set tofalseto explicitly disable, or set the color in Hex, RGB, RGBA, HSL, HSLA or named CSS color format. Alpha values will be ignored.trafficLightPositionPoint (opcional) macOS - Establece una posición personalizada para los botones del semáforo en ventanas sin marco.roundedCornersboolean (optional) macOS Windows - Whether frameless window should have rounded corners. Por defecto,true. Setting this property tofalsewill prevent the window from being fullscreenable on macOS. On Windows versions older than Windows 11 Build 22000 this property has no effect, and frameless windows will not have rounded corners.thickFrameboolean (opcional) - Utiliza el estiloWS_THICKFRAMEpara ventanas sin marco en Windows, que agrega un marco de ventana estándar. Si elegimosfalse, se eliminarán la sombra y las animaciones de la ventana. Por defecto,true.vibrancystring (opcional) macOS - Agrega un efecto de vibración a la ventana, solo en macOS. Puede serappearance-based,titlebar,selection,menu,popover,sidebar,header,sheet,window,hud,fullscreen-ui,tooltip,content,under-window, orunder-page.backgroundMaterialstring (opcional) Windows - Establece el material de fondo dibujado por el sistema de la ventana, incluso detrás del área que no es del cliente. Puede serauto,none,mica,acrylicotabbed. Consulte win.setBackgroundMaterial para más información.zoomToPageWidthboolean (opcional) macOS - Controla el comportamiento en macOS al hacer clic con la tecla Opción presionada en el botón de semáforo verde en la barra de herramientas o al hacer clic en el elemento de menú Ventana > Zoom. Si estrue, la ventana crecerá hasta el ancho preferido de la página web cuando se haga zoom,falsehará que se amplíe hasta el ancho de la pantalla. Esto también afectará el comportamiento al llamar amaximize()directamente. Por defecto,false.tabbingIdentifierstring (opcional) macOS - Nombre del grupo de pestañas, permite abrir la ventana como una pestaña nativa. Las ventanas con el mismo identificador de pestaña se agruparán. Esto también agrega un botón de nueva pestaña nativo a la barra de pestañas de Windows y permite que suappy ventana reciban el eventonew-window-for-tab.
Al configurar el tamaño mínimo o máximo de la ventana con minWidth/maxWidth/
minHeight/maxHeight, solo restringe a los usuarios. No le impedirá pasar un tamaño que no siga las restricciones de tamaño a setBounds/setSize o al constructor de BrowserWindow.
Los posibles valores y comportamientos de la opción type dependen de la plataforma.
Los valores posibles son:
- En Linux, los tipos posibles son
desktop,dock,toolbar,splash,notification.- El tipo
desktopcoloca la ventana en el nivel de la ventana de fondo del escritorio (kCGDesktopWindowLevel - 1). Sin embargo, tenga en cuenta que una ventana del escritorio no recibirá eventos de foco, teclado o mouse. Aún puedes usarglobalShortcutpara recibir entradas con moderación. - El tipo
dockcrea un comportamiento de ventana similar a un dock. - El tipo
toolbarcrea una ventana con apariencia de barra de herramientas. - El tipo
splashse comporta de una manera específica. No se puede arrastrar, incluso si el estilo CSS del cuerpo de la ventana contiene-webkit-app-region: drag. Este tipo se utiliza comúnmente para pantallas de presentación (splash). - El tipo
notificationcrea una ventana que se comporta como una notificación del sistema.
- El tipo
- En macOC, los tipos posibles son
desktop,textured,panel.- El tipo
texturedagrega una apariencia de degradado metálico. Esta opción está obsoleta. - El tipo
desktopcoloca la ventana en el nivel de la ventana de fondo del escritorio (kCGDesktopWindowLevel - 1). Tenga en cuenta que la ventana del escritorio no recibirá foco ni eventos de teclado o mouse, pero puede usarglobalShortcutpara recibir entradas con moderación. - The
paneltype enables the window to float on top of full-screened apps by adding theNSWindowStyleMaskNonactivatingPanelstyle mask, normally reserved for NSPanel, at runtime. Además, la ventana aparecerá en todos los espacios (escritorios).
- El tipo
- En Windows, el tipo posible es
toolbar.