Отключить окно браузера Resize

Question

Для начала ... У меня нет никакого зловещего намерения подвергать пользователей всплывающим окнам или что-то в этом роде. Я просто хочу, чтобы пользователь не изменял размер окна браузера веб-страницы, к которой они уже прошли навигацию (что означает, что у меня нет доступа к/не хочу использовать window.open();). Я изучал это довольно долго и, похоже, не нашел прямого ответа.

Я чувствовал, что я был на пути с чем-то вдоль линий:

$(window).resize(function() { 
    var wWidth = window.width, 
    wHeight = window.height; 
    window.resizeBy(wWidth, wHeight); 
}); 

... безрезультатно. Я должен представить, что это возможно. Это? Если это так, я определенно буду благодарен за помощь.

Thanks

Answer 1

Сначала вы можете определить определенный размер.

var size = [window.width,window.height]; //public variable 

Тогда это сделать:

$(window).resize(function(){ 
    window.resizeTo(size[0],size[1]); 
}); 

Демо: http://jsfiddle.net/DerekL/xeway917/

---

Q: Не будет ли это вызвать бесконечный цикл изменения размера? - user1147171

Хороший вопрос. Это не приведет к бесконечному циклу изменения размера. В W3C specification указано, что событие resize должно быть отправлено только при изменении размера документа. Когда функция resizeTo попытается выполнить второй раз, окно будет иметь то же самое измерение, что и оно, и, таким образом, браузер не будет запускать событие изменения размера, поскольку размеры не были изменены.

Answer 2

мне нужно сделать это сегодня (на панели открыл расширение хром), но мне нужно, чтобы позволить пользователю изменить высоту окна, но предотвратить их изменение ширины окна

@ решение Дерека заставило меня почти там, но я должен был настроить его, чтобы позволить изменения высоты, и из-за этого, бесконечный цикл изменения размеров был возможен, поэтому мне также необходимо было предотвратить это. Это моя версия ответа Дерека, который работает для меня довольно хорошо:

var couponWindow = { 
    width: $(window).width(), 
    height: $(window).height(), 
    resizing: false 
}; 
var $w=$(window); 
$w.resize(function() { 
    if ($w.width() != couponWindow.width && !couponWindow.resizing) { 
    couponWindow.resizing = true; 
    window.resizeTo(couponWindow.width, $w.height()); 
    } 
    couponWindow.resizing = false; 
});