Cómo hacer que chrome.windows.crear mostrar la ventana en la misma pantalla?

0

Pregunta

Estoy haciendo una extensión de chrome que se abre una ventana emergente al hacer clic en el botón inyecta en la página. Todo funciona a la perfección, aparte de el hecho de que la ventana se muestra en la pantalla principal, y no el de la ventana del navegador invocar la ventana emergente es en. ¿Cómo puedo manejar esto? El uso de Mac con pantalla personalizado acuerdo, en caso de que sea relevante. Me gustaría por la ventana para que sólo se refiere a los límites de la ventana que lo originó.

De lo que yo estoy entendiendo esto implica un poco de elaborar muestra de píxeles del cálculo, sino de cómo obtener tamaños de pantalla en ese contexto? Espero que veas lo que estoy diciendo y que he incluido todos los detalles pertinentes. Estoy incluyendo mi código para abrir la ventana de abajo:

    chrome.windows.getCurrent((tabWindow) => {
        const popupWidth = 400;
        const popupHeight = 400;
        const leftOffset = (tabWindow.width/2)-(popupWidth/2);
        const topOffset = (tabWindow.height/3)-(popupHeight/2); 

        var infoPopupUrl = "someurl";

        chrome.windows.create(
            {
                'url': chrome.runtime.getURL(infoPopupUrl),
                'type': "popup",
                'width': popupWidth,
                'height': popupHeight,
                'left': Math.round(leftOffset),
                'top': Math.round(topOffset),
                'focused': true
            }
        );
    });

Gracias a todos por la ayuda.

1

Mejor respuesta

0

De este enlace: https://stackoverflow.com/a/25830431/3218811

Me llevó a encontrar la respuesta en el screen objeto. Hay availLeft y availTop propiedades que representan las relaciones exactas de las pantallas de los arreglos. Funciona en Mac, tengo que probar otras plataformas, pero supongo que es estándar en Chrome:

        const leftOffset = (tabWindow.width/2)-(popupWidth/2)+screen.availLeft;        
        const topOffset = (tabWindow.height/3)-(popupHeight/2)+screen.availTop; 
2021-11-17 11:16:22

En otros idiomas

Esta página está en otros idiomas

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Slovenský
..................................................................................................................