оригинальная версия версия для слабовидящих контрастная версия выключить изображения включить изображения RSS FEED K2 NEWS
Пятница, 05 Октябрь 2018 15:41

JavaScript мобильная версия сайта

Вот уже долгое время мобильную версию для сайта делаю чистым CSS (технология «bootstrap»), это удобно и практично. В том смысле, что чтобы проверить «мобильную версию» вовсе не обязательно заходить с мобильного устройства, всё можно видеть/править и за ПК. Плюсом в данном решении будет то, что неважно, какое разрешение экрана на мониторе устройства, важно то, какое разрешение у текущего окна браузера (оно может отличаться).

Javascript в этом плане более «функционален». В нём можно указать настройки, опираясь на данные проводника. Т.е. мобильная версия будет работать в мобильном устройстве, и при этом не будет работать на компьютере, как бы не изменялась ширина окна браузера. Правда можно сделать и опираясь на ширину окна.

Величина ширины проводника – screen.width, величина ширины окна браузера – window.innerWidth.

Пример:

<script language="JavaScript">
if (screen.width <= '1000') {
document.write ('');
}
if (window.innerWidth > '1000') {
document.write ('');
}
</script>

Спонсоры: