Vô hiệu hoá cửa sổ trình duyệt Thay đổi kích thước

Question

Để bắt đầu ... Tôi không có ý định nham hiểm của việc đưa người dùng đến cửa sổ bật lên hoặc bất kỳ thứ gì như thế. Tôi chỉ muốn ngăn người dùng thay đổi kích thước cửa sổ trình duyệt của trang web mà họ đã điều hướng (nghĩa là tôi không có quyền truy cập/không muốn sử dụng window.open();). Tôi đã nghiên cứu điều này khá lâu và dường như không thể tìm ra câu trả lời đơn giản.

Tôi cảm thấy như mình đã đi đúng hướng với một cái gì đó dọc theo dòng:

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

... vô ích. Tôi phải tưởng tượng điều này là có thể. Là nó? Nếu vậy, tôi chắc chắn sẽ đánh giá cao sự giúp đỡ.

Cảm ơn

Answer 1

Trước tiên, bạn có thể xác định kích thước xác định.

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

Sau đó làm điều này:

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

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

---

Q: Sẽ không này gây ra một vòng lặp vô hạn của thay đổi kích thước? - user1147171

Câu hỏi hay. Điều này sẽ không gây ra một vòng lặp vô hạn của thay đổi kích thước. Các W3C specification tiểu bang rằng resize sự kiện phải được gửi đi chỉ khi xem tài liệu đã được thay đổi kích cỡ. Khi chức năng resizeTo cố gắng thực hiện lần thứ hai, cửa sổ sẽ có cùng kích thước chính xác như nó vừa đặt và do đó trình duyệt sẽ không kích hoạt sự kiện thay đổi kích thước vì kích thước không bị thay đổi.

Answer 2

tôi cần phải làm hôm nay (đối với một bảng điều khiển được mở bởi một phần mở rộng chrome) nhưng tôi cần thiết để cho phép người dùng thay đổi chiều cao cửa sổ, nhưng ngăn cản họ thay đổi độ rộng cửa sổ

@ giải pháp của Derek đã cho tôi gần như có nhưng tôi đã phải tinh chỉnh nó để cho phép thay đổi chiều cao và vì lý do đó, một vòng lặp thay đổi kích thước vô tận là có thể vì vậy tôi cũng cần phải ngăn chặn điều đó. Đây là phiên bản của câu trả lời của Dereck đang hoạt động khá tốt đối với tôi:

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