javascripthtmljquerylayoutcross-browser

Get the size of the screen, current web page and browser window


How can I get windowWidth, windowHeight, pageWidth, pageHeight, screenWidth, screenHeight, pageX, pageY, screenX, screenY which will work in all major browsers?

screenshot describing which values are wanted


Solution

  • These days, for screen size you can use the screen object:

    window.screen.height;
    window.screen.width;
    

    Legacy

    You can get the size of the window or document with jQuery:

    // Size of browser viewport.
    $(window).height();
    $(window).width();
    
    // Size of HTML document (same as pageHeight/pageWidth in screenshot).
    $(document).height();
    $(document).width();