Başka bir monitörde tarayıcı penceresini otomatik olarak aç

Question

Şirketimdeki 2 monitörde gösterilmesi gereken intranet web sitem var. Şu anda, kullanıcı yeni bir pencerede başka bir sayfayı açmak ve ikinci monitörlerine sürüklemek için belirli bir bağlantıyı tıklamak için bir talimat ile ilk giriş sayfasına girer ve yeniden yönlendirilir.

İstediğimiz şey, kullanıcının giriş yapması, ilk sayfaya her zamanki gibi yönlendirilmesi, ancak diğer sayfanın otomatik olarak diğer monitörde maksimum bir tarayıcı penceresinde açılması.

Normalde bunu yapmayı reddederim, ancak bu yalnızca bir dahili kullanım sitesidir ve kullanıcılarımız bunun olmasını bekler.

Bunu yapmanın bir yolu var mı? Ben html bir erkeğim ve bunun ötesinde bir şey, benden öte.

Answer 1

Benzer bir görevim vardı; bir giriş açarken, diğer monitördeki ayrıntıları görüntüler.

localStorage kullanarak çözdüm. Temel olarak, bir monitörde localhost/sender bir monitörde,'da bir kullanıcı tıklandığında ve localStorage değiştiğinde ve receiver içinde bir dinleyici (AJAX istekleri göndererek) işledim.

Son derece basit bir örnek için, bu JSFiddle sender numaralı telefona bir şey girerseniz, JSFiddle receiver numaralı telefondan gerçek zamanlı olarak yapılan değişiklikleri görmelisiniz (her ikisini de 'Çalıştır' seçeneğinden emin olun).

Daha basit bir yol olduğunu düşünmüyorum, tam ekranlı pencereleri ve farklı çözünürlükleri ele almanız gerekecek.

Answer 2

Evet, bunu yapmak için yapabileceğiniz gibi, açık senaryo için ayarlayacağınız için çok adhoc ve kullanıcı merkezli olması gerekir. Konumunuzu ve büyüklüğünüzü doğru bir şekilde almak için biraz uğraşmak gerekir.

window.open()method kullanarak bir kavram örneği. Üzgünüz, sadece html/css ile yapmanın hiçbir yolu yoktur. left'a ve tinkering olacağınız şekilde ayarlanmış diğer özelliklere dikkat edin. Daha fazla bilgi için belgelere bakın.

CODEPEN

Örnek fonksiyonu;

function iLikeToMoveItMoveIt() { 
    window.open("http://www.stackoverflow.com", 
       "_blank", 
       "toolbar=yes, scrollbars=yes, resizable=yes, 
       top=500, left=800, width=1000, height=1000"); 
} 

Ve bir başlatma;

<button onclick="iLikeToMoveItMoveIt()"> 
    HEY LET'S OPEN A WINDOW SOMEWHERE! 
</button> 

Bu yardımcı olur umarım, şerefe.

EK: sonra sayfa yüklendiğinde fonksiyonu kapalı

Yangın .. [ikinci monitörde açık Chrome'u olun?] (Http

<script> 
    window.onload = iLikeToMoveItMoveIt(); 
</script>