@geofran

Как отключить загрузку скриптов на мобильных устройствах?

На сайте есть скрипты вида:
<script src="js/script1.js"></script>
<script src="js/script2.js"></script>
<script src="js/script3.js"></script>
<script src="js/script4.js"></script>

Как вообще отключить их загрузку на мобильных девайсах?
  • Вопрос задан
  • 327 просмотров
Решения вопроса 1
@Konf
Редактирую ответы на 2 + 2 по 4 раза
отключить их загрузку

Не знаю насчёт отключить, но можно по-умолчанию их "не включать". Принцип: добавлять скриптом другие скрипты только если в User-Agent есть что-то, что содержат в себе мобильные браузеры, или может как-то по-другому проверять... Код, который показывает alert'ы только для ПК браузеров, вот:

index.html
<body>
  <script id="mobile-check">
    /* Можно ещё проверять по разрешению экрана, или добавить больше браузеров */
    function isMobile() {
      return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
    }

    const me = document.querySelector('#mobile-check');
    const pcScripts = ['./script1.js', './script2.js'];

    if (isMobile() === false) {
      let target = me;

      for (const path of pcScripts) {
        const node = document.createElement('script');

        node.src = path;

        target.insertAdjacentElement('afterend', node);
        target = node;
      }
    }
  </script>
</body>

script1.js
alert(1);

Структура: всё в одной папке
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы