Back to Snippets
CODE

Mobile Device Detection

Description

Detects mobile devices (phones/tablets) using user agent string

Code

/**
 * Detect if user is on mobile device
 * @returns True if mobile device, false otherwise
 */
function isMobileDevice(): boolean {
  return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
}

// More precise mobile detection (excludes tablets)
function isMobilePhone(): boolean {
  return /Android|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) &&
         !/iPad/i.test(navigator.userAgent);
}

// Usage Example
if (isMobileDevice()) {
  console.log('Mobile view detected');
  // Apply mobile-specific styles/functionality
}

Usage

Useful for applying device-specific functionality, responsive design adjustments, or mobile-first features

Tags

Device DetectionUser AgentResponsive