Device detection lets you discove the user's type of device, OS, screensize, and more. This can be done with just one line of simple JavaScript code. Unlimited requests for free! 

Device Detection Features

Using the simple implementation extensive information about the device of your visitor is available to you. Below some of the most important features are outlined. 

Device Type Detection

• Detect the type of device of the user  
• identify the brand of the device 
• Even discover the name of the device  
• EXAMPLE: mobile – Apple – iPhone XS

OS detection

• Detect the operating system of the user
• Identify the name of the OS
• Even discover the version of the OS
• EXAMPLE: macOS Mojave 10.14

Screensize and screenratio detection

•  Information about the screen dimensions
•  Detect the screen height and width 
•  Even detect the screen ratio 
•  EXAMPLE: 900px * 600px – 2x

Browser detection

• Detect the browser information 
• Get information about the browser name
• Detect the version of the browser
• EXAMPLE: Safari 12.0.1

Touchscreen detection

• Detect whether the device has touch
• Use this to optiminze your UX
• EXAMPLE: Touchscreen: TRUE

GPU detection

•  Detect information about the graphics
•  Discover the GPU type and brand
•  EXAMPLE: Intel(R) Iris(TM) Graphics 6100

See what the API knows about your device…

LEARN MORE

Subscribe! get free updates! 

Code

There are several implementations available. Choose the best type for your application. Once implemented the variables can be used to identify information about the device of visitors on your website.  

IMPLEMENTATION

Add the following code between your <head> tags.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://theapicompany.com/deviceAPI.js"></script>

VARIABLES
DEVICE TYPE
var devicetype = deviceAPI.deviceType; //mobile var devicebrand = deviceAPI.deviceBrand; //Apple var devicename = deviceAPI.deviceName; //iPhone XS
SCREEN
var screenwidth = deviceAPI.screenWidth; //800 var screenheight = deviceAPI.screenHeight; //1600 var screenratio = deviceAPI.screeenRatio; //2
GPU
var gpu = deviceAPI.GPU; //Apple A12 GPU
BROWSER
var browsername = deviceAPI.browserName; //Safari var br_version = deviceAPI.browserVersion; //12.0.1
OPERATING SYSTEM
var osname = deviceAPI.osName; //macOS Mojave 10.14 var codename = deviceAPI.osCodeName; //OS X var osversion = deviceAPI.osVersion; //10.14.1
TOUCHSCREEN
var touchscreen = deviceAPI.touchScreen; //TRUE
IMPLEMENTATION

Add the following code between your <head> tags.

<script async src="https://theapicompany.com/deviceAPI2.js"></script>

VARIABLES

Create a callback function. Use the following variables inside this function:

  function callback(result){ // do stuff here - use result.   alert(result.deviceType); //mobile alert(result.deviceBrand); //Apple alert(result.deviceName); //iPhone XS alert(result.screenWidth); //800 alert(result.screenHeight); //1600 alert(result.screenRatio); //2 alert(result.GPU); //Apple A12 GPU alert(result.browserName); //Safari alert(result.browserVersion); //12.0.1 alert(result.osName); //macOS Mojave 10.14 alert(result.osCodeName); //OS X alert(result.touchScreen); //TRUE };  
Coming soon!

Contact us 

Find more information on the blog. If you have any questions or remarks let us know!