Блок Javascript активации мобильных устройств

Question

В этом посте What is the best way to detect a mobile device in jQuery? я нашел этот код:

function detectmob() { 
 
    if(window.innerWidth <= 800 && window.innerHeight <= 600) { 
 
    return true; 
 
    } else { 
 
    return false; 
 
    } 
 
}

У меня есть веб-сайт, который проходит тест Googles для «мобильной среды» без каких-либо всплывающих окон для моего информационного бюллетеня/электронных курсов.

Я пробовал описанный выше скрипт, и он будет запускать зачистки, однако, чтобы размер всплывающих окон был слишком большим.

Я хотел бы заблокировать скрипт, чтобы всплывающее окно отображалось, я попытался изменить размер блока, но когда я это сделаю, он станет нечитаемым для устройства с размером экрана менее 400 пикселей.

Любая помощь была бы принята с благодарностью.

УС:

#mobile-only{ 
    display:none; 
} 

HTML:

<div id="mobile-only"> 
 
<script async type="text/javascript" src="http://forms.aweber.com/form/19/37402019.js"></script> 
 

 

 
</div>

Сценарий Java представляет собой форму, которая будет отображаться после 10-секундной задержки, форма 800x800 пикселей, это очень большой для большинства мобильных устройств, читатель не может прокрутить форму справа, чтобы коснуться «x», чтобы закрыть форму.

После тестирования CSS и HTML скрипт все еще работает.

Answer 1

Пожалуйста, ознакомьтесь с приведенным ниже кодом и попробуйте его.

$(document).ready(function(){ 
var x = $(window).width(); 
if(x >= 400) 
{ 
$('#mobile-only').append('<script async type="text/javascript" src="http://forms.aweber.com/form/19/37402019.js"></script>'); 
}; 
}); 

вещей, чтобы рассмотреть

Теперь, если вы хотите, чтобы беспокоиться о том, что делать, если пользователь изменяет размер окна на своем рабочем столе, вы можете обрабатывать эти события, используя следующие пункты для справки:

• onresize
• .resize()
• Media Queries

Надеюсь, это поможет!

Answer 2

Используя приведенный выше код, A.Sharma я изменил его так:

<script> 
 
$(document).ready(function(){ 
 
var x = $(window).width(); 
 
if(x >= 400) 
 
{ 
 
$('#desktop-only').append('async type="text/javascript" src="http://forms.aweber.com/form/19/37402019.js"'); 
 
} 
 
)}; 
 
    </script>

Где «# настольный только» является CSS контейнер для любого содержимого рабочего стола, которые либо не будет поместиться на мобильное устройство (таблицы, большие изображения с высоким разрешением и т. д.) или заполнить экран за доступными ограничениями устройства.

Этот код не работает, однако он выглядит как лучший способ блокировать запуск javascript.

Любые предложения по модификации, чтобы запустить его?

Спасибо!