Как отключать или подключать скрипты при определенной ширине экрана?

Question

[Alexander Mischuk]

Прочел документацию enquire.js вдоль и поперёк. Разобрал пару простых примеров, но как не подгружать скрипты - не понимаю.

Answer 1

[Сергей]

Ширину экрана может определить только фронтэнд. Если очень хотите подключать именно отдельные файлы при определенном разрешении, то для начала разберитесь, как подключаться js из js. Но это все довольно плохие способы, на мой вкус. Если это нужно для мобильных устройств, попробуйте ориентироваться на браузер, тогда из бэкенда можно будет определить, что зашли с телефона и подгрузить js-файл или код. А вообще, лучше все js-файлы (если они небольшие) сразу склеить в один и загружать всегда.

Comments

[Alexander Mischuk]

Ага, речь именно о мобильных. Сделать конкатенацию файлов легко, но в текущем проекте весомая часть скриптов просто бесполезна для телефонов.

[Сергей]

Для бэкенда есть много библиотек, например вот первая попавшаяся для php: mobiledetect.net

[Alexander Mischuk]

@Dzorogh Думаю, что оставлю это на крайний случай. Я занимаюсь фронтэндом и хотелось бы своими силами это сделать.

Answer 2

[Роман Мисюра]

Подключение css c помощь device.js, как подгружать только 1 сss? - тут можете посмотреть как вариант.
https://github.com/borismus/device.js