Öffnen Sie ein neues Fenster und kacheln Sie die resultierenden Fenster

Question

Ich möchte window.open() verwenden, um eine neue Registerkarte/ein neues Fenster zu öffnen. Dann möchte ich das vorhandene Fenster und das neue auf beiden Seiten des Bildschirms anzeigen. Damit ich beide Webseiten nebeneinander vergleichen kann. Was würde passieren, wenn Sie Windows-Taste + Pfeil nach links in einem Fenster und Windows-Taste + Pfeil nach rechts auf der anderen Seite verwenden würden.

Ist dies mit Javascript möglich?

Answer 1

Der folgende Code funktioniert Wenn Sie den Popup-Blocker deaktiviert haben oder fügen Sie die Domäne zu seinen Ausnahmen hinzu (andernfalls wird ein einzelnes Fenster geöffnet und das zweite blockiert).

Es erstellt ein height=500,width=400 Fenster und legt es auf left=100,top=100 des Bildschirms. Dann platziert das zweite Fenster an left=500,top=100 (wo 500 die vorherige Fensterposition + die vorherige Fensterbreite ist).

HTML

<input type="button" value="click" onclick="popups()"> 

JAVASCRIPT

function popups() {  
window.open('http://www.example.com/','popUpWindow','height=500,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');  
window.open('http://www.example.com/','popUpWindow','height=500,width=400,left=500,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');  
} 

Codepen DEMO

Referenz: Quack it tutorials