Как запретить загружать файлы javascript и css на устройства iOS и Android?

Question

Как запретить загружать файл js на устройства iOS и Android? Я делаю сайт для всех устройств. Я хочу добавить некоторые специфические эффекты JavaScript + CSS только для пользователей настольных компьютеров, а не для iPhone, iPad и Android, пользователей Windows Phone. Поэтому могу ли я прекратить загружать определенные файлы JavaScript и CSS для загрузки на определенных устройствах.

Answer 1

Вы можете использовать библиотеку Yepnope для условной загрузки файлов JavaScript.http://detectmobilebrowsers.com/ имеет библиотеки для определения загрузки веб-сайта на мобильный телефон.Поэтому вы можете комбинировать оба.

Answer 2

Вызовите ваши CSS-файлы, используя медиа-запросы из вашего JavaScript-файла.

Answer 3

Для CSS вы должны попробовать медиазапросы. Например, если вы хотите установить CSS только для iPhone, вы можете использовать:

/* Portrait */
@media screen and (max-width: 320px) {
    body { opacity: 1; }
}
/* Landscape */
@media screen and (min-width: 321px) and (max-width: 480px) {
    body { opacity: 0; }
}

Но для настольного компьютера это то же самое, вы выбираете, какой у вас минимальная ширина и максимальная ширина.

Для Js я советую вам прочитать это: http://www.quirksmode.org/blog/archives/2010/08/combining_media.html

Answer 4

Вы можете попробовать определить useragent и затем динамически загрузить нужные скрипты / css.