Как открыть максимально развернутое окно с помощью Javascript?

Я использую Javascript self.open(), чтобы открыть ссылку в новом окне, и я хотел бы, чтобы это окно было максимально. Я попробовал параметр fullscreen=yes, который действительно не делает то, что я хочу. Я использую код ниже:

self.open(pageLoc,popUpName,'height=1600,width=1800,resizable=yes,scrollbars=yes,toolbar=yes,menubar=yes,location=yes');

Если я также упомянул fullscreen=yes, откроется окно, как вы нажмете F11. Но я не хочу этого. Я хочу, чтобы дважды щелкнуть значок IE и нажать значок максимизации в правом верхнем углу.

Так как я дал значение height и width настолько велико, оно близко к максимальному окну, но не фактическому максимальному окну. (причина, по которой я говорю это, потому что   даже теперь, если я нажимаю кнопку максимизации, она еще немного расширяет)

Ответы

Ответ 1

var params = [
    'height='+screen.height,
    'width='+screen.width,
    'fullscreen=yes' // only works in IE, but here for completeness
].join(',');
     // and any other options from
     // https://developer.mozilla.org/en/DOM/window.open

var popup = window.open('http://www.google.com', 'popup_window', params); 
popup.moveTo(0,0);

Пожалуйста, воздержитесь от открытия всплывающего окна, если пользователь действительно этого не хочет, иначе они будут проклинать вас и делать черный список вашего сайта.; -)

изменить. К сожалению, как отмечает Joren Van Severen в комментарии, это может не учитывать панели задач и декорации окон (в зависимости от браузера). Имейте в виду. Кажется, что игнорирование высоты и ширины (только параметр fullscreen=yes), похоже, работает на Chrome и, возможно, на Firefox; оригинальная функциональность "полноэкранного режима" была отключена в Firefox за то, что она была неприятной, но была заменена максимизацией. Это прямо противоречит информации на той же странице https://developer.mozilla.org/en/DOM/window.open, в которой говорится, что максимизация окна невозможна. Эта функция может поддерживаться или не поддерживаться в зависимости от браузера.

Ответ 2

 window.open('your_url', 'popup_name','height=' + screen.height + ',width=' + screen.width + ',resizable=yes,scrollbars=yes,toolbar=yes,menubar=yes,location=yes')

Ответ 3

Лучшее решение, которое я мог найти в настоящее время, чтобы открыть окно в развернутом виде (Internet Explorer 11, Chrome 49, Firefox 45):

  var popup = window.open("your_url", "popup", "fullscreen");
  if (popup.outerWidth < screen.availWidth || popup.outerHeight < screen.availHeight)
  {
    popup.moveTo(0,0);
    popup.resizeTo(screen.availWidth, screen.availHeight);
  }

см. https://jsfiddle.net/8xwocrp6/7/

Примечание 1: он не работает на Edge (13.1058686). Не уверен, является ли это ошибкой или это так, как задумано (я заполнил отчет об ошибке, посмотрим, что они скажут об этом). Вот обходной путь:

if (navigator.userAgent.match(/Edge\/\d+/g))
{
    return window.open("your_url", "popup", "width=" + screen.width + ",height=" + screen.height);
}

Примечание 2: moveTo или resizeTo не будут работать (доступ запрещен), если открываемое окно находится в другом домене.

Ответ 4

Проверьте этот плагин окна jQuery: http://fstoke.me/jquery/window/

// create a window
sampleWnd = $.window({
   .....
});

// resize the window by passed w,h parameter
sampleWnd.resize(screen.width, screen.height);

Ответ 5

Если я использую Firefox, то screen.width и screen.height отлично работает, но в IE и Chrome они работают неправильно, но он открывается с минимальным размером.

И да, я пробовал давать слишком большие числа, например, 10000 для height и width, но не для максимального эффекта.

Ответ 6

Можете ли вы помочь мне для открытия всплывающего окна с развернутым окном в Chrome