Detect iPad users using jQuery?

by

iPad Detection

You should be able to detect an iPad user by taking a look at the userAgent property:

var is_iPad = navigator.userAgent.match(/iPad/i) != null;

iPhone/iPod Detection

Similarly, the platform property to check for devices like iPhones or iPods:

function is_iPhone_or_iPod(){
     return navigator.platform.match(/i(Phone|Pod))/i)
}

Notes

While it works, you should generally avoid performing browser-specific detection as it can often be unreliable (and can be spoofed). It’s preferred to use actual feature-detection in most cases, which can be done through a library like Modernizr.

As pointed out in Brennen’s answer, issues can arise when performing this detection within the Facebook app. Please see his answer for handling this scenario.

Related Resources

More Related Contents:

  1. What is the best way to detect a mobile device?
  2. Check if user is using IE
  3. Detect Safari using jQuery
  4. jQuery get the location of an element relative to window
  5. Use jQuery to detect whether a device can make telephone calls (supports “tel://” protocol)
  6. Preventing default context menu on longpress / longclick in mobile Safari (iPad / iPhone)
  7. How to detect a mobile device using jQuery
  8. How do I check if an element is hidden in jQuery?
  9. How can I convert this from jQuery to standard javascript?
  10. What’s the difference between ‘$(this)’ and ‘this’?
  11. Detect element content changes with jQuery
  12. How can I select an element by name with jQuery?
  13. jQuery object and DOM element
  14. Is there a way to return a list of all the image file names from a folder using only Javascript?
  15. How do you handle oncut, oncopy, and onpaste in jQuery?
  16. Adding CSRFToken to Ajax request
  17. prevent Scroll bubbling from element to window
  18. Alert when browser window closed accidentally
  19. Differentiate IE7 browser and browser in IE7 compatibility mode
  20. How can I select an element by ID with jQuery using regex?
  21. Set keyboard focus to a
  22. jQuery.getScript alternative in native JavaScript
  23. How to stop an animated gif from looping
  24. Is there a ‘has focus’ in JavaScript (or jQuery)?
  25. Detect browser wrapped lines via javascript
  26. Animating Multiple Markers
  27. How to interpret documentation for optional JavaScript parameters [duplicate]
  28. Center an Image vertically and horizontally using CSS
  29. CORS error with jquery
  30. Set value to currency in

Leave a Comment