2016-07-31 18 views
0

Ich entwarf gerade eine Chrome Extension
und ich möchte machen die Größe des Popup selbst veränderbar durch den Benutzer.Chrome Erweiterung Popup-Fähigkeit von Benutzer

popup.html ist der Inhalt, der in das Popup geht.
Also, um etwas mit dem Popup selbst zu tun, Ich denke, ich muss mit den Codes in popup.js, arbeiten, aber bevor ich beginne, möchte ich wissen, wenn dies möglich ist.

Vielen Dank im Voraus.

+0

Was meinst du mit Popup ?. Ist das eine Funktionalität ?. oder meinst du das zugrundeliegende Popup, das angezeigt wird, wenn du auf einige Erweiterungen klickst? –

+0

@DavidR Wie Sie in diesem [link] (https://developer.chrome.com/extensions/getstarted) Popup sehen, bezieht sich Popup auf das letztere, das allgemeinste, in dem die HTML-Codes gerendert werden. Google nannte die Standarddateien "Popup", daher könnte es verwirrend sein. Thxx :) – jyoon

Antwort

1

Die Grenzen des Popup-Fensters der Erweiterungsleiste sind nicht veränderbar. Sie können die Funktionalität jedoch selbst implementieren, indem Sie 3 dünne div-Elemente (z. B. 4px x 100%) an den Seiten des Popup-Fensters hinzufügen (mousedown) Listener für jeden, der ein globales boolesches Flag setzt, das in mousemove Handler verwendet wird und in mouseup deaktiviert wird. Um die Größe des Popups tatsächlich zu ändern, setzen Sie einfach document.body.style.width = newWidth + 'px' als Beispiel. Um visuelle Hinweise zu geben, fügen Sie :hover CSS auf diese div Elemente mit entsprechenden cursor: .... Regel.

2

Neben @ wOxxOms Antwort können Sie auch einen div-internen Popup-Body hinzufügen und seine CSS-Eigenschaft both setzen.

Stil:

div { 
    resize: both; 
    overflow: auto; 
} 

HTML:

<body> 
    <div> 
    I am div 
    </div> 
</body> 

enter image description here