How to detect browser size using javascript?

Question

I am using the below code in one of my pages to help me work on a site to make it responsive:

document.write(screen.width+'x'+screen.height);

The only problem is I don't wan't it showing my screen resolution size, I want it to show the browser size.

I.E, so it changes when I shrink the browser.

http://stackoverflow.com/a/2474211/1081079 – freshbm Apr 22 '13 at 09:57 — freshbm, Apr 22 '13 at 09:57

score 2 · Answer 1 · answered Apr 22 '13 at 09:57

2

$(window).resize(function() {
   var width = $(this).width();
   var height = $(this).height();
});

answered Apr 22 '13 at 09:57

Mohammad Adil

score 0 · Answer 2 · edited Apr 22 '13 at 10:06

0

Use $(window).width() and $(window).height().

Check the below link, hopefully it will help you understand the logic:

edited Apr 22 '13 at 10:06

dsgriffin

answered Apr 22 '13 at 10:01

Piyush Bhardwaj

2 Answers2