Яваскрипт для мобильных устройств

[Bulat Ibrahim]

Всем привет. Для CSS в шапке HTML можно выбрать стиль исключительно для мобильных устройств и исключительно для "десктопов". Я сделал так:

<link href="css/style.css" type="text/css" rel="stylesheet" media="screen and (min-device-width: 480.01px)">
<link href="css/styleMobile.css" type="text/css" rel="stylesheet" media="screen and (max-device-width: 480px)"

>
И теперь у меня для больших мониторов используются только стили style.css, а для телефонов - styleMobile.css.

А можно ли то же самое сделать и с яваскриптом (media, к сожалению, с яваскриптом не работает)?

[Пепел Феникса]

внутри ява скрипта определите устройство просто.

[Bulat Ibrahim]

Значит, придется делать только так... Спасибо.

[Naive]

Знаешь, то забавно? Если взять и подергать размеры экрана, media-query будет работать "на лету", действовать на элементы моментально, отключая ненужные куски (media-query это не только ценный мех.. какой там файлик подключать/нет, еще внутри файла можно выделять отдельные куски под media-условия).
А JS, сразу как только компилятор его увидит, он тут же выполнится. Выполненный скрипт "отменить" нельзя, как это происходит со стилями. Только вручную снимать обработчики, удалять объекты...
Так что совет: пиши код сразу так, чтобы он работал на любом экране, если что-то зависит от размеров экрана (скролл, например), то заведи переменную в нужном окружении и меняй ее при ресайзе. Но старайся по-максимуму избавиться от этой зависимости.
Это справедливо и для CSS. Чем меньше у тебя media-query, тем проще будет поддерживать код.