Хороший способ оценить доступную область браузера - PullRequest
Новая
       7

Хороший способ оценить доступную область браузера

1 голос
/ 03 мая 2009

Я пытаюсь найти наилучший способ оценить максимальный размер видимой области браузера. то есть размеры экрана меньше панелей инструментов, закладок и т. д. Очевидно, что он не будет идеальным для случаев, когда окно не развернуто и из-за того, что люди действительно используют разные браузеры - я просто ищу хорошую оценку здесь.

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

Ответы [ 3 ]

3 голосов
/ 03 мая 2009

Вы также можете использовать функцию jQuery width() для чего угодно: $(window).width(). Имейте в виду, однако, что если размер окна будет изменен, это изменится и, вероятно, будет зависеть от макета, на котором он изначально был основан. Вы можете наблюдать за этим событием , но это может ухудшить производительность, если вы делаете сложные вещи.

2 голосов
/ 04 мая 2009

Кросс-браузерная функция для определения области просмотра. Возвращает массив, содержащий ширину, высоту, левую и верхнюю позиции экрана браузера. 

function getViewport () {
         var iWidth,iHeight,iTop,iLeft,
             w = window, d = document;
          iWidth  = w.innerWidth || d.documentElement.clientWidth 
                    || d.body.clientWidth || 0;
          iHeight = w.innerHeight || d.documentElement.clientHeight 
                    || d.body.clientHeight || 0;
          iTop    = w.pageYOffset || d.body.scrollTop 
                    || d.documentElement.scrollTop || 0;
          iLeft   = w.pageXOffset || d.body.scrollLeft 
                    || d.documentElement.scrollLeft || 0;
          return [iWidth,iHeight,iLeft,iTop];
}
2 голосов
/ 03 мая 2009

В Firefox вы можете использовать этот код 

<html>

<body>
<script type="text/javascript">
document.write("<p>Width: " + window.innerWidth + "</p>")
document.write("<p>Height: " + window.innerHeight + "</p>")
</script>
</body>

</html>

Для IE вы можете использовать свойства document.body.offsetWidth и document.body.offsetHeight.

Объект экрана получит свойства экрана (это может помочь), проверьте его свойства здесь: текст ссылки

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...