If mobile disable certain scripts

Question

I want to be able disable certain scripts that are in the head section of my page when a mobile device is detected.

At the minute I have this:

$(function(){
    var mobile;
    if (window.width <= 479) {
        //don't load these scripts 
    }
    else {
        //load all scripts
    }
});

I'm struggling to find the code to disable the scripts from running when mobile width is detected. Any help or other ideas would be much appreciated.

Thank you for the quick reply! That's a much better idea. I'm struggling to find the code to load the scripts though, do you have any ideas? — user3462744
– user3462744, Commented Mar 27, 2014 at 7:08
window.screen.width will give you the device width which might be better for mobiles. I'd also check out Modernizr and it's script loader yepnope.js. — Dylan
– Dylan, Commented Mar 27, 2014 at 7:09

Pratik Joshi · Accepted Answer · 2014-03-27 07:12:14Z

25

Use following

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
 // some code..
}else
{
//Now include js files
}

for your second Question

use

if (window.width > 479) {
 $('head').append('<link rel="stylesheet" href="style2.css" type="text/css" />');
}

here you can include css or js file.

edited Mar 27, 2014 at 7:12

answered Mar 27, 2014 at 7:06

Pratik Joshi

11.7k7 gold badges44 silver badges73 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Erwin van Ekeren Over a year ago

This answer is from 2014, is this still the best way to do this? :)

gaurav · Accepted Answer · 2019-03-07 13:22:47Z

4

if (/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)) {
        // what you want to run in mobile
}

you can do something like this to test if it is a mobile.

if you are only concerned with the width :

if ($(window).width() <= 479) {
     do stuff
}

or you can use this package.

edited Mar 7, 2019 at 13:22

gaurav

211 silver badge10 bronze badges

answered Mar 27, 2014 at 7:06

aelor

11.2k3 gold badges35 silver badges48 bronze badges

Collectives™ on Stack Overflow

If mobile disable certain scripts

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related