Separate javascript for different devices

Question

Is there a way I can call on different javascript files or lines depending on which device you view the site on? Like media queries for css.

You could detect the OS based on user agaent and call different functions or even load different js dynamically. — VJS, Dec 06 '13 at 11:04
I think http://davidwalsh.name/device-state-detection-css-media-queries-javascript might help — Andrew, Dec 06 '13 at 11:07

score 3 · Answer 1 · edited May 23 '17 at 12:00

3

there are a few general approaches to this:

I recommend the first approach using modernizr http://modernizr.com/

EDIT:

detecting a touch aware browser with modernizr: modernizr will add class="touch' to the body

$('.touch #popup).hide() // hide "popup" only on touch devices

edited May 23 '17 at 12:00

Community

answered Dec 06 '13 at 11:05

actual_kangaroo

I want to make a distinction between touch and non-touch devices, is that possible with Modernizr? – Luc Dec 06 '13 at 11:07
absolutely http://stackoverflow.com/questions/4817029/whats-the-best-way-to-detect-a-touch-screen-device-using-javascript – actual_kangaroo Dec 06 '13 at 11:08

score 0 · Answer 2 · answered Dec 06 '13 at 11:06

Devices in context of platforms such as android, iphone, ipad, ie mobile etc, we can simply check as:

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
 // here is your javascript code....
}

Hope, devices means to be worked as above....

2 Answers2