---
title: How to Detect iPad Mini Using Javascript
date: 2012-11-14T13:25:22+00:00
modified: 2013-08-26T13:59:23+00:00
image:: https://kaspars.net/wp-content/uploads/2012/11/ipad-detect-ipad-mini.png
permalink: https://kaspars.net/blog/detect-ipad-mini-javascript
post_type: post
author:
  name: Kaspars
  avatar: https://reverse.kaspars.net/gravatar/avatar/92bfcd3a8c3a21a033a6484d32c25a40b113ec6891f674336081513d5c98ef76?s=96&d=mm&r=g
category:
  - Development
---

# How to Detect iPad Mini Using Javascript

[![Detect iPad Mini vs iPad using javascript](https://kaspars.net/wp-content/uploads/2012/11/ipad-detect-ipad-mini.png?strip=all&quality=90&resize=500,321)](https://kaspars.net/wp-content/uploads/2012/11/ipad-detect-ipad-mini.png)

**Update:** [Please read this comment by Benjie](https://kaspars.net/blog/web-design/4396-detect-ipad-mini-javascript/#comment-24726). It looks like these values are reporting the viewport width and height at the time of tab creation.

I just discovered an easy way to detect iPad Mini users using only Javascript. I was inspecting all properties of the default browser objects such as `window`, `navigator` and `document`, until I tried `screen` and found the following differences:

### iPad 2

```
screen.availWidth = 768
screen.availHeight = 1004
```

### iPad Mini

```
screen.availWidth = 748
screen.availHeight = 1024
```

As you can see, everything is the same except `availWidth` and `availHeight`.