Wyłącz Zmienianie rozmiaru okna przeglądarki

Question

Na początek ... Nie mam złowieszczych zamiarów poddawania użytkowników wyskakującym okienkom ani temu podobnemu. Po prostu chcę uniemożliwić użytkownikowi zmianę rozmiaru okna przeglądarki strony, do której już nawigował (co oznacza, że ​​nie mam dostępu do/nie chcę używać window.open();). Badam to od dłuższego czasu i nie mogę znaleźć prostej odpowiedzi.

Czułem się, jakbym był na torze coś wzdłuż linii:

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

... bezskutecznie. Muszę sobie wyobrazić, że to możliwe. Czy to jest? Jeśli tak, zdecydowanie doceniam pomoc.

Dzięki

Answer 1

Najpierw można określić określony rozmiar.

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

Wtedy to zrobić:

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

Demo: http://jsfiddle.net/DerekL/xeway917/

---

Q: Nie będzie to spowodować nieskończoną pętlę rozmiaru? - user1147171

Ładne pytanie. To nie spowoduje nieskończonej pętli zmiany rozmiaru. W3C specification stwierdza, że ​​zdarzenie resize musi zostać wysłane tylko po zmianie rozmiaru widoku dokumentu. Gdy funkcja resizeTo spróbuje wykonać drugi raz, okno będzie miało dokładnie ten sam wymiar, który właśnie ustawiono, a zatem przeglądarka nie uruchomi zdarzenia zmiany rozmiaru, ponieważ wymiary nie zostały zmienione.

Answer 2

muszę zrobić to dzisiaj (na panelu otwartym przez rozszerzenie Chrome), ale konieczna, aby umożliwić użytkownikowi zmienić wysokość okna, ale zapobiec ich zmianie szerokości okna

@ rozwiązania Dereka Got Me prawie ale musiałem go zmodyfikować, aby umożliwić zmiany wysokości, i dlatego możliwa była nieskończona pętla zmiany rozmiaru, więc musiałem temu zapobiec. To jest moja wersja odpowiedzi Derecka, która działa całkiem dobrze dla mnie:

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; 
});