Использование Javascript для измерения текущего окна

Question

Итак, я пытаюсь создать веб-сайт, на котором большое изображение является фоном. Я хочу иметь возможность загружать изображение другого размера в зависимости от размера окна пользователя, чтобы они (надеюсь) не увидели пробела. Я хочу использовать JavaScript для измерения размера текущего экрана. Затем, основываясь на размере окна, я хотел бы загрузить изображение, соответствующее этому разрешению.

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

Answer 1

Окно пользователя вряд ли сильно изменится по размеру во время использования. Лучше всего предоставить только одно изображение, а затем масштабировать его в зависимости от размера. Это может быть достигнуто только с помощью CSS.

img#my-big-background-image { 
    width: 100%; 
} 

Answer 2

Прототип document.viewport

JQuery: window

Answer 3

JQuery, YUI и других фреймворков решили эту проблему. Взгляните на их решения, даже если вы не хотите подключать полную инфраструктуру.

Answer 4

Использование jQuery

var height = $(window).height(); 
var width = $(window).width(); 

Это будет работать во всех основных браузерах.

Answer 5

Существует решение написано по этой ссылке Here

Я испытал это на фф, кажется, нормально.