ब्राउज़र विंडो का आकार बदलें

Question

स्टार्टर्स के लिए ... मेरे पास पॉपअप या ऐसा कुछ भी करने के लिए उपयोगकर्ताओं को अधीन करने का कोई भयावह इरादा नहीं है। मैं बस किसी उपयोगकर्ता को उस वेबपृष्ठ की ब्राउज़र विंडो का आकार बदलने से रोकना चाहता हूं, जिस पर वे पहले से ही नेविगेट कर चुके हैं (जिसका अर्थ है कि मेरे पास window.open() का उपयोग नहीं करना है/नहीं;)। मैं थोड़ी देर के लिए यह शोध कर रहा हूं और एक सीधा जवाब नहीं लग रहा है।

मुझे लगा जैसे मैं की तर्ज पर कुछ के साथ ट्रैक पर था:

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

... कोई लाभ नहीं हुआ। मुझे कल्पना करना है कि यह संभव है। क्या यह? यदि ऐसा है, तो मैं निश्चित रूप से सहायता की सराहना करता हूं।

धन्यवाद

Answer 1

आप पहली बार एक निश्चित आकार निर्धारित कर सकते हैं।

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

तो ऐसा करते हैं:

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

डेमो: http://jsfiddle.net/DerekL/xeway917/

---

प्रश्न: इस आकार बदलने की अनंत लूप उत्पन्न नहीं होगा? - उपयोगकर्ता1147171

अच्छा सवाल। इससे आकार बदलने का अनंत लूप नहीं होगा। 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; 
});