ยังไงให้บโครเมี่ยมหน้าต่างสร้างแสดงหน้าต่างเดียวกันแสดง?

0

คำถาม

ฉันกำลัง chrome ส่วนขยายนั่นจะเปิดหน้าต่างแบบป้อบอัพเมื่อมีการคลิกปุ่มฉีดเข้าไปในหน้า. ทุกอย่างที่ทำงาน flawlessly นอกจากความจริงที่ว่าหน้าต่างก็คือแสดงบนหลักการแสดงและไม่ใช่หนึ่งหน้าต่างเว็บเบราว์เซอร์ invoking ปแบบแสดงเป็นเมนูให้เลือกคืน จะให้ฉันจัดการเรื่องนี้? ใช้กับแมคกำหนดเองแสดงข้อตกลง,ถ้าเรื่องที่เกี่ยวข้อง. ฉันอยากให้หน้าต่างเพื่อเรียกขอบเขตของหน้าต่างมันมีต้นกำเนิดมาจาก

จากที่ฉันเข้าใจเกี่ยวข้องกับการที่ซับซ้อนแสดงพิกเซลการคำนวณ,แต่คุณจะทำอย่างไร..เพื่อให้แสดงขนาดอยู่ในเมนูคลิกขวา? ฉันหวังว่าคุณคงเห็นสิ่งที่ฉันพูดและฉันถูกรวมทั้งที่เกี่ยวข้องรายละเอียด ฉันรวมถึงของรหัสสำหรับการเปิดหน้าต่างอยู่ด้านล่างหน้าต่าง:

    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 คุณสมบัติของมันเป็นตัวแทนของส่วนผสมที่แน่นอนความสัมพันธ์ของน้าจองจัดการเรื่องนี้ใหม่แล้วล่ะ ทำงานอยู่แมคฉันต้องทดสอบอีก platforms แต่ฉันคิดว่ามันเป็นมาตรฐานใน 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ý
..................................................................................................................

ดังอยู่ในนี้หมวดหมู่

ดังคำถามอยู่ในนี้หมวดหมู่