Come mostrare la finestra popup a schermo intero in JavaScript?

Question

C'è un modo per ingrandire una finestra popup non appena viene aperta? In caso contrario, almeno renderlo di dimensioni dello schermo? Questo:

window.open(src, 'newWin', 'fullscreen="yes"')

apparentemente ha funzionato solo per la vecchia versione di IE.

Answer 1

Usa screen.availWidth e screen.availHeight per calcolare una dimensione adatta per i parametri di altezza e larghezza in window.open ()

Anche se è probabile che questo sia vicino, non sarà massimizzato, né accurato per tutti, specialmente se vengono mostrate tutte le barre degli strumenti.

Answer 2

Più che cattivo design: questa funzione "quot" è una ricetta per il disastro dell'interfaccia utente. erano a numero di siti Web dannosi che sfruttano le funzionalità di visualizzazione a schermo intero in JavaScript per dirottare le finestre del browser e visualizzare uno schermo indistinguibile dal desktop dell'utente. Mentre potrebbe esserci ancora un modo per farlo, per favore per l'amore di tutte le cose decenti, non implementare questo.

Answer 3

Che dire di questo:

var popup = window.open(URL);
if (popup == null)
   alert('Please change your popup settings');
else  {
  popup.moveTo(0, 0);
  popup.resizeTo(screen.width, screen.height);
}

Answer 4

Che dire di questo, ho dato il valore di larghezza e altezza a un grande numero e funziona

window.open("https://www.w3schools.com", "_blank","toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=4000,height=4000");

Answer 5

Prova questo. Questo funziona per me e con qualsiasi link tu voglia, o qualsiasi cosa nel popup

Tutto ciò che hai scelto verrà mostrato in una finestra PopUp a schermo intero all'interno di una finestra PopUp.

<script language="JavaScript">
function Full_W_P(url) {
 params  = 'width='+screen.width;
 params += ', height='+screen.height;
 params += ', top=0, left=0'
 params += ', fullscreen=yes';
 params += ', directories=no';
 params += ', location=no';
 params += ', menubar=no';
 params += ', resizable=no';
 params += ', scrollbars=no';
 params += ', status=no';
 params += ', toolbar=no';


 newwin=window.open(url,'FullWindowAll', params);
 if (window.focus) {newwin.focus()}
 return false;
}
</script>

<input type="button" value="Open as Full Window PopUp" onclick="javascript:Full_W_P('http://www.YourLink.com');"></input>