JavaScript Device Detection API 

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. Unlimted 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 screendimensions
•  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 

GPU detection

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

Touchscreen detection

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

The Device Detection API


  Include the following code in the head tag of your website (you need jquery as well)

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

<script src="https://api.smartspeech.nl/api.js"></script>





Access information about the user’s device

var devicetype = deviceAPI.deviceType; //example: mobile

var devicebrand = deviceAPI.deviceBrand; //example: Apple

var devicename = deviceAPI.deviceName; //example: iPhone XS



Access information about the user’s screensize

var screenwidth = deviceAPI.screenWidth; //example: 800

var screenheight = deviceAPI.screenHeight; //example: 1600

var screenratio = deviceAPI.screenRatio; //example: 2



Access information about the user’s GPU

var gpu = deviceAPI.GPU; //example: Apple A12 GPU



Access information about the user’s browser

var browsername = deviceAPI.browserName; //example: Safari

var br_version = deviceAPI.browserVersion; //example: 12.0.1



Access information about the user’s operating system

var osname = deviceAPI.osName; //example: macOS Mojave 10.14

var codename = deviceAPI.osCodeName; //example: OS X

var osversion = deviceAPI.osVersion; //example: 10.14.1



Access informatio about whether the user has a touch enalbed device

var touchscreen = deviceAPI.touchScreen; //example: TRUE

Contact us

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