Target Android Devices with JavaScript
Edd Turtle
Software Engineering Student & Self-taught Front-end Web Developer. Lover of coffee, exploring and climbing.
Can be found @eddturtle.
Post Category: JS & jQuery, Web Design
Author: Edd Turtle
Permalink: http://www.designedbyaturtle.co.uk/2012/target-android-devices-with-js/
Date Created: November 11, 2012 at 3:31 pm
Date Last Edited: November 11, 2012 at 3:31 pm
Having recently created an Android app and an accompanying website to match, I wanted to know how to detect an android device through the site using JavaScript. On the site a download button was created and depending on the device would either say, ‘Download .APK’ or ‘Install App’. I thought this was a clever idea to adapt the site based on what would happen after you download the APK.
The JavaScript snippet is simple enough to work with:
var ua = navigator.userAgent.toLowerCase();
if ( ua.indexOf('android') > -1 )
{
// This is an Android Device
// ... so do something here.
}
It just grabs the user-agent string and searches through it for ‘android’ using indexof(). It then returns -1 if it’s not there or any number higher if it is there.
This code is based on a more informative blog post by David Walsh which is worth a read.
Cover Photo is by Morten Rand-Hendriksen.
Recent Articles
Blur a Background Image (with help from blur.js)
Recently, in a very small project of mine, I wanted to create a full-size image as the background and to blur it a little to create an abstract but interesting backing image. Initially, we...
View Full Post →Showing your E-mail Online
We all know about spam and up until recently there wasn't an e-mail address shown on this blog (just a contact form) for this very reason. Most of us have also tried different methods of s...
View Full Post →