I want to get the window height and width including Address bar , status bar,etc...

How can I get the window full height and width as shown in the picture below ?

Note : I know about the window.innerHeight and window.innerWidth . It does not suits for this scenario. window.innerHeight is used to get the DOM height only.outerWidth also does not gives what I have want.

Hope our stack users will give a good solution with cross browser compatibility.

I want to get the window height and width including Address bar , status bar,etc...

How can I get the window full height and width as shown in the picture below ?

Note : I know about the window.innerHeight and window.innerWidth . It does not suits for this scenario. window.innerHeight is used to get the DOM height only.outerWidth also does not gives what I have want.

Hope our stack users will give a good solution with cross browser compatibility.

• javascript
• css
• internet-explorer
• browser
• resize

• Jquery can be a solution. Read this answer stackoverflow.com/questions/2596594/… – mirmdasif Commented Apr 8, 2014 at 6:47

2 Answers 2

use this if you want without scrollbars etc.. :

window.innerHeight; // for height

window.innerWidth; // for width

else in your case, if you want it full, use the below.

window.outerHeight; // for height

window.outerWidth; // for width

How about using jQuery Fiddle

$(window).width();

$(window).height();

Source jQuery Window Width