Получить ширину и высоту браузера, исключая панели инструментов и размер меню

Question

Мне нужен скрипт Js / JQuery, который возвращает мне доступную ширину и высоту браузера, исключая строку меню и размер панели инструментов, я использую один скрипт, но, похоже, он возвращает ширину / высоту, включая панель инструментов и т. Д. *

ниже приведен скрипт, который я использовал ..

<script type="text/javascript" >
var winWidth = 0, winHeight = 0;
        if (typeof (window.innerWidth) == 'number') {
            //Non-IE
            winWidth = window.innerWidth;
            winHeight = window.innerHeight;
        } else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
            //IE 6+ in 'standards compliant mode'
            winWidth = document.documentElement.clientWidth;
            winHeight = document.documentElement.clientHeight;
        } else if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
            //IE 4 compatible
            winWidth = document.body.clientWidth;
            winHeight = document.body.clientHeight;
        }
</script>

У какого-нибудь тела есть хоть какая-то подсказка? Спасибо Meghana

Answer 1

Используя jQuery, вы можете получить следующее:

$(window).height();   // returns height of browser viewport
$(document).height(); // returns height of HTML document

Answer 2

Ваш код должен возвращать полезный размер окна вашего браузера. В моем случае на дисплее 1920x1200 я получаю 1920x1106. Моя панель задач имеет высоту 40 пикселей, поэтому для заголовка окна остается 54 пикселя.

Answer 3

попробовать:

<input type='button' id='btn1' value='test'/>

$('#btn1').click(function(){
alert($(window).width());       
});

См. http://jsfiddle.net/Pu2Ej/