Загрузка разных js и css в зависимости от разрешения экрана :: В помощь вебмастеру

Новости • Файловые архивы
Поиск • Активные темы • Топ лист
Правила • Кто в on-line?

Вход • Забыли пароль? • Первый раз на этом сайте? • Регистрация

Компьютерный форум Ru.Board » Интернет » В помощь вебмастеру » Активные темы » Загрузка разных js и css в зависимости от разрешения экрана

Модерирует : Cheery
Версия для печати • Подписаться • Добавить в закладки

Kaber

Advanced Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

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

Всего записей: 1356 | Зарегистр. 14-03-2014 | Отправлено: 13:37 31-10-2019

Kaber Advanced Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Нашел такую функцию: function isMobile() { return preg_match("/(android\|avantgo\|blackberry\|bolt\|boost\|cricket\|docomo\|fone\|hiptop\|mini\|mobi\|palm\|phone\|pie\|tablet\|up\.browser\|up\.link\|webos\|wos)/i", $_SERVER["HTTP_USER_AGENT"]); }
	Всего записей: 1356 \| Зарегистр. 14-03-2014 \| Отправлено: 16:46 31-10-2019

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Kaber
для css просто - https://www.w3schools.com/cssref/css3_pr_mediaquery.asp
для js - определяете размеры в лоб через screen.width и screen.height
далее просто создаете тег script и цепляете его для загрузки

Цитата:

var head = document.getElementsByTagName('head')[0];
var s1 = document.createElement("script");
s1.type = "text/javascript";
s1.src = "http://www.domain.com/js/jquery.min.js";
head.appendChild(s1);

аналогично можно и css цеплять когда нужно

Всего записей: 15112 | Зарегистр. 20-09-2014 | Отправлено: 20:11 31-10-2019

bestweb20

Newbie

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Нужно не просто определять мобильные устройства, а еще разрешение их экрана! Они очень разняться! Самый оптимальный вариант: юзать медиа запросы в css

Всего записей: 11 | Зарегистр. 21-08-2020 | Отправлено: 21:32 01-09-2020

Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC