는 방법을 확인합니다.windows.보창 동일한 표시?

0

질문

내가 만드는 크롬 확장 팝업 창을 엽니다를 클릭하시면 버튼으로 주입된 페이지입니다. 모든 것이 완벽하게 작동하는 점 외에는 창에 표시되는 기본 디스플레이 아닌 하나의 브라우저 창을 호출하는 팝업 창에 있습니다. 어떻게 관리할 수 있다? 사이트의 사용으로 사용자 지정 디스플레이 배열은 경우,관련이 있습니다. 나는 창문을 참조하의 경계를 창에서 유래.

에서 내가 이해 이 포함한 일부 정교한 디스플레이 픽셀 계산 하지만 어떻게 표시 크기의 컨텍스트에 맞는? 나는 당신이 무슨 말인지 알겠어 내가 포함되어 관련된 모든 정보. 나는 포함하여 내 코드를 여는 창의 아래:

    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
            }
        );
    });

셔서 감사합니다 모든 사람들이는 데 도움이 됩니다.

1

최고의 응답

0

이 링크: https://stackoverflow.com/a/25830431/3218811

나를 지도하에서 답을 찾기 screen 체입니다. 가 availLeftavailTop 속성을 나타내는 정확한 관계의 스크린습니다. 작동에는 맥을 테스트하는 다른 플랫폼지만,나는 그것의 표준에서는 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

다른 언어로

이 페이지는 다른 언어로되어 있습니다

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