скажите html doc не загружать js, если мобильное устройство

Дано: «если мобильный, то не загружать JS», и предполагая, что «мобильный» определяется экранами с шириной 480 пикселей или меньше, то должно работать что-то вроде следующего:

<script>
if (screen && screen.width > 480) {
  document.write('<script type="text/javascript" src="foo.js"><\/script>');
}
</script>

Это добавит элемент сценария только в том случае, если ширина экрана больше 480 пикселей.

Правило CSS в OP:

<... media="only screen and (max-device-width: 480px)" ...>

который будет нацелен на экраны размером 480 пикселей или меньше, что противоречит первому утверждению. Поэтому измените > на <=, если сценарий должен работать на маленьких экранах, а не на больших.

Я не уверен, как предыдущие ответы будут связаны с дисплеями сетчатки. Я бы сделал что-то вроде:

if( /Android|webOS|iPhone|iPod|iPad|BlackBerry/i.test(navigator.userAgent))
 document.write('<script type="text/javascript" src="foo.js"><\/script>');

фрагмент из здесь

Теперь можно использовать window.matchMedia

if (window.matchMedia("(min-width: 480px)").matches) {
  document.write('<script type="text/javascript" src="foo.js"><\/script>');
}

https://developer.mozilla.org/docs/Web/API/Window/matchMedia http://caniuse.com/#feat=matchmedia

Вы можете сделать это так.

1. Проверьте ширину и высоту экрана, чтобы убедиться, что это мобильное устройство.
2. Загружать скрипты с использованием JavaScript.

Что вы можете сделать:

var scripts = ["foo.js",       //Put all your scripts here.
               "bar.js"];

if(screen.width <= 480){
    for(var i=0;i<scripts.length;i++){
              //-with jQuery (one line!)-
        $("head").append('<script type="text/javascript" src="'+scripts[i]+'"><\/script>');
                 //-or jQuery free-
        var scriptEle = document.createElement("script");
        scriptEle.setAttribute("type","text/javascript");
        scriptEle.setAttribute("src",scripts[i]);
        document.getElementsByTagName("head")[0].appendElement(scriptEle);
    }
}

Обратите внимание, это screen.width <= 480.

Наилучший способ сделать это - добавить его вокруг всего мобильного скрипта в файл "foo.js". У модели DOM возникнут проблемы с загрузкой тега, если вы внезапно добавите его.

if (screen && screen.width > 480) {
 // Whole your script here
}

Вместо того:

if (screen && screen.width > 480) {
  document.write('<script type="text/javascript" src="foo.js"><\/script>');
}