Как показать полноэкранное всплывающее окно в JavaScript?

Question

Есть ли способ сделать максимизированное всплывающее окно сразу после его открытия? Если не так, хотя бы сделать его размером с экран? Это:

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

, видимо, работал только для старой версии IE.

Answer 1

Используйте screen.availWidth и screen.availHeight, чтобы рассчитать подходящий размер для параметров высоты и ширины в window.open()

Хотя это, вероятно, будет близко, оно не будет максимизировано и не будет точным для всех, особенно если отображаются все панели инструментов.

Answer 2

Более чем плохой дизайн - эта «особенность» - рецепт катастрофы пользовательского интерфейса. было число из вредоносных веб-сайтов, которые использовали функции полноэкранного просмотра в JavaScript для захвата окон браузера и отображения экрана, неотличимого от рабочего стола пользователя. Хотя еще может быть способ сделать это, пожалуйста, ради любви ко всем приличным вещам, не реализуйте это.

Answer 3

Что по этому поводу:

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

Как насчет этого, я присвоил ширину и высоту значению большого числа, и оно работает

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

Answer 5

Попробуйте это. Это работает для меня и с любой ссылкой, которую вы хотите, или что-нибудь во всплывающем окне

Все, что вы выберете, будет отображаться во всплывающем окне во весь экран во всплывающем окне.

<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>