Как загружать скрипт только для определенного разрешения экранов?

Question

[Иван Шумаков]

Как правильно сделать так, чтобы JavaScript загружался только для десктопов? Как сделать это максимально красиво, и можно ли сделать это силами HTML?

Answer 1

[Александр Таратин]

https://developer.mozilla.org/ru/docs/Web/API/Wind...
+
https://webpack.js.org/guides/code-splitting/#dyna...

Answer 2

[Виктор Янышев]

Силами html ты можешь подключить силу css media, а силами js можешь получить разрешение экрана юзера и приказать силам css приступит к работе или нет

Comments

[Иван Шумаков]

Вы предлагаете загрузить скрипт, а запустить его только при совпадении условий - тут все понятно. Мне же интересно, чтобы при неподходящем разрешении скрипт не загружался вовсе. Есть же возможность с помощью HTML определить рарешение и решить какой лист стилей загружать:

<link href="css/mobile.css" rel="stylesheet" media="(whidth: 480px)">

-вот мне и интересно, есть ли схожая возможность для тега скрипт.

Answer 3

[xmoonlight]

https://www.sitepoint.com/javascript-media-queries/