Question

I have this line of code which detects all touch devices:

<script>if( 'ontouchstart' in window ) window.location = 'mobile.html';</script>

I just want modify it so that it ONLY targets touch enabled mobile devices but also excludes tablet devices. How do I do this without being too specific?

Was it helpful?

Solution

If you are wanting to redirect a user to your mobile site you would use this:

if (screen.width <= 768) {
        window.location = "mobile.html";
    }

If you want to find out if its touch screen and less than 768px I think you could use this:

var is_touch_device = 'ontouchstart' in document.documentElement;

var viewport = $(window).width()

if (is_touch_device == true && viewport < 768) {

   (Code goes here)

}
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top