प्रोटोटाइप.जेएस का उपयोग कर ब्राउज़र विंडो का आकार कैसे प्राप्त करूं?

Question

प्रोटोटाइप.जेएस संस्करण 1.6.0.3 का उपयोग कर ब्राउज़र विंडो का आकार कैसे प्राप्त करूं?

Answer 1

यह मेरा समाधान है कि फ़ायरफ़ॉक्स में वेब डेवलपर उपकरण पट्टी के रूप में एक ही मान देता है।

var WindowSize = Class.create({ 
    width: function() 
    { 
     var myWidth = 0; 
     if (typeof(window.innerWidth) == 'number') 
     { 
      //Non-IE 
      myWidth = window.innerWidth; 
     } 
     else if (document.documentElement && document.documentElement.clientWidth) 
     { 
      //IE 6+ in 'standards compliant mode' 
      myWidth = document.documentElement.clientWidth; 
     } 
     else if (document.body && document.body.clientWidth) 
     { 
      //IE 4 compatible 
      myWidth = document.body.clientWidth; 
     } 
     return myWidth; 
    }, 
    height: function() 
    { 
     var myHeight = 0; 
     if (typeof(window.innerHeight) == 'number') 
     { 
      //Non-IE 
      myHeight = window.innerHeight; 
     } 
     else if (document.documentElement && document.documentElement.clientHeight) 
     { 
      //IE 6+ in 'standards compliant mode' 
      myHeight = document.documentElement.clientHeight; 
     } 
     else if (document.body && document.body.clientHeight) 
     { 
      //IE 4 compatible 
      myHeight = document.body.clientHeight; 
     } 
     return myHeight; 
    } 
}); 

Answer 2

प्रोटोटाइप एपीआई documentation के अनुसार:

var viewport = document.viewport.getDimensions(); // Gets the viewport as an object literal 
var width = viewport.width; // Usable window width 
var height = viewport.height; // Usable window height 

Answer 3

और एक ही विचार है, लेकिन अधिक कॉम्पैक्ट:

var WindowSize = Class.create({ 
    width: window.innerWidth || (window.document.documentElement.clientWidth || window.document.body.clientWidth), 
    height: window.innerHeight || (window.document.documentElement.clientHeight || window.document.body.clientHeight) 
}); 

Answer 4

यह सब आधुनिक ब्राउज़र पर काम करता है और IE6 +:

var w = document.documentElement.clientWidth; 
var h = document.documentElement.clientHeight; 

एक सही Doctype आवश्यक है