जावास्क्रिप्ट का उपयोग कैसे करें अधिकतम उपयोगकर्ता ब्राउज़र विंडो चौड़ाई और वर्तमान

Question

मैं आगंतुकों की ब्राउज़र विंडो चौड़ाई और ऊंचाई खोजने के लिए जावास्क्रिप्ट का उपयोग करके एक तरीका खोज रहा हूं लेकिन मुझे अधिकतम विंडो आकार भी मिलना चाहिए ताकि उपयोगकर्ता खिड़की को छोटा या बड़ा कर सके कुछ तत्व स्वचालित स्थिति या आकार जैसे फेसबुक चैट बदलते हैं। कोई सुझाव ?

Answer 1

आप का उपयोग window.innerWidth और window.innerHeight

आप सीएसएस स्थिति 'स्थिर' या निरपेक्ष का उपयोग कर रख सकते हैं खिड़की के लिए किसी भी डोम तत्व रिश्तेदार ताकि खिड़की पर आकार परिवर्तन ही फिर से समायोजित कर सकते हैं।

आप window.onresize उपयोग कर सकते हैं सुनने के लिए विंडो आकार परिवर्तन घटना

jQuery बराबर

$(window).width(); $(window).height() और $(window).resize(function(){});

Answer 2

अधिकतम ब्राउज़र आकार चौड़ाई चौड़ाई और स्क्रीन की ऊंचाई होगा:

screen.height; 
screen.width; 

लेकिन मैं जो करने की कोशिश कर रहा हूं उसके लिए मैं सीएसएस मीडिया प्रश्नों का उपयोग करूंगा:

http://css-tricks.com/css-media-queries/

कुछ इस तरह पृष्ठ पृष्ठभूमि काला होगा अगर खिड़की कम से कम 500px चौड़ा है:

@media only screen and (max-width: 500px) { 
    body { 
    background: #000; 
    } 
} 

अद्यतन:

ओह, और आप के लिए एक polyfill चाहता हूँ पुराने ब्राउज़र जो मीडिया प्रश्नों का समर्थन नहीं करते हैं:

https://github.com/scottjehl/Respond

इससे आपको आईई 6 के माध्यम से सभी तरह से मीडिया प्रश्न मिलेंगे!

Answer 3

आप jQuery का उपयोग कर सकते हैं, तो यह एक क्रॉस-ब्राउज़र फैशन में एक श्रोता स्थापित करने के लिए बहुत आसान है:

$(window).resize(function() { 
    alert($(window).width()) //window width 
    alert($(window).height()) //window height 
}).trigger("resize") //to ensure that you do whatever you're going to do when the window is first loaded; 

Answer 4

अधिकतम खिड़की ऊंचाई है

window.screen.availHeight - (window.outerHeight - window.innerHeight)