कैसे बनाने के लिए क्रोम.windows.बनाने के लिए दिखाने के लिए खिड़की पर एक ही प्रदर्शन?

0

सवाल

मैं कर रहा हूँ एक chrome एक्सटेंशन है, जो एक पॉपअप विंडो खुलती है क्लिक करने पर बटन पृष्ठ में डाला. सब कुछ flawlessly काम करता है से अलग तथ्य यह है कि विंडो में प्रदर्शित किया जाता है, मुख्य प्रदर्शन पर नहीं है, और एक ब्राउज़र विंडो लागू करने के लिए पॉपअप पर है. कैसे कर सकते हैं मैं इस संभाल? मैक का उपयोग के साथ कस्टम प्रदर्शन की व्यवस्था है, अगर यह प्रासंगिक है । मैं करना चाहते हैं के लिए खिड़की करने के लिए बस का उल्लेख करने के लिए सीमाओं की खिड़की से उत्पन्न.

से मैं क्या समझ में यह शामिल है कुछ विस्तृत प्रदर्शित करता है पिक्सेल गणना, लेकिन यह कैसे प्राप्त करने के लिए प्रदर्शन के आकार के संदर्भ में? मुझे आशा है कि आप देखते हैं कि मैं क्या कह रहा हूँ और है कि मैं शामिल सभी प्रासंगिक विवरण. मैं भी शामिल हूँ मेरे कोड के लिए खोलने की खिड़की के नीचे:

    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 वस्तु. वहाँ रहे हैं availLeft और availTop गुणों का प्रतिनिधित्व करते हैं कि आपके पास निश्चित संबंधों के स्क्रीन की व्यवस्था । मैक पर काम करता है, मैं परीक्षण करने के लिए अन्य प्लेटफार्मों, लेकिन मुझे लगता है कि यह मानक क्रोम में:

        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ý
..................................................................................................................

इस श्रेणी में लोकप्रिय

लोकप्रिय सवाल इस श्रेणी में