375(33)640-98-68
375(29)935-83-38

Скрипты JS для адаптации

24.09.2019
Скрипты JS для адаптации

Имеется маленький, но удобный скрипт для адаптации сайта. Он служит в js (jQueru), чтоб писать код чисто для определённого размера экрана.

Пример:

$( document ).ready(function() {      
    var isMobile = window.matchMedia("only screen and (max-width: 760px)").matches;

    if (isMobile) {
        //Conditional script here
    }
 });

Где 760px, это размер экрана максимальный.

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

На чистом JS имеется другой вид кода:

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
 // some code..
}

 

Рейтинг: 5/5 - 1 голосов

Комментарии (0)




Разрешённые теги: <b><i><br>Добавить новый комментарий:


Мы не пытаемся кричать что мы лучшие, просто делаем работу которая нравится.

X

КОНТАКТЫ:

+375(33)640-98-68

+375(29)935-83-38