Platform Detection

/**
 * Get parsed platform
 * @returns Platform details with type, vendor, and model
 */
getPlatform(): PlatformDetails;

const parser = Bowser.getParser(window.navigator.userAgent);

const platform = parser.getPlatform();
console.log(platform);
// { type: "desktop" }
// or
// { type: "mobile", vendor: "Apple", model: "iPhone" }

console.log(platform.type); // "desktop", "mobile", "tablet", "tv", or "bot"
console.log(platform.vendor); // "Apple", "Samsung", etc. (if available)
console.log(platform.model); // "iPhone", "Galaxy S21", etc. (if available)

/**
 * Get platform name
 * @param toLowerCase - Return lower-cased value
 * @returns Platform type string
 */
getPlatformType(toLowerCase?: boolean): string;

const parser = Bowser.getParser(window.navigator.userAgent);

console.log(parser.getPlatformType()); // "desktop"
console.log(parser.getPlatformType(true)); // "desktop"
console.log(parser.getPlatformType(false)); // "desktop"

// Different platform types
// "desktop" - Desktop computers
// "mobile" - Mobile phones
// "tablet" - Tablets and large mobile devices
// "tv" - Smart TVs and TV browsers
// "bot" - Web crawlers and bots

/**
 * Check if the platform type equals the passed string
 * @param platformType - The string to compare with the platform type
 * @returns Boolean indicating if the platform matches
 */
isPlatform(platformType: string): boolean;

const parser = Bowser.getParser(window.navigator.userAgent);

// Basic platform checking (case-insensitive)
console.log(parser.isPlatform("desktop")); // true (if desktop)
console.log(parser.isPlatform("Desktop")); // true (case-insensitive)
console.log(parser.isPlatform("mobile")); // false (if desktop)

// Conditional logic for responsive design
if (parser.isPlatform("mobile")) {
  console.log("Enable mobile-specific UI");
} else if (parser.isPlatform("tablet")) {
  console.log("Enable tablet-specific UI");
} else if (parser.isPlatform("desktop")) {
  console.log("Enable desktop-specific UI");
}

/**
 * Get parsed platform
 * @returns Platform details with type, vendor, and model
 */
parsePlatform(): PlatformDetails;

// With lazy parsing
const parser = Bowser.getParser(window.navigator.userAgent, true);

// Force platform parsing
const platform = parser.parsePlatform();
console.log(platform); // { type: "desktop" }

// Subsequent calls return cached result
const samePlatform = parser.parsePlatform();
console.log(samePlatform === platform); // false (new object, same data)

const parser = Bowser.getParser(window.navigator.userAgent);

// Responsive layout decisions
if (parser.isPlatform("mobile")) {
  document.body.classList.add('mobile-layout');
  // Show mobile navigation
  // Enable touch gestures
} else if (parser.isPlatform("tablet")) {
  document.body.classList.add('tablet-layout');
  // Show tablet navigation
  // Enable touch gestures with larger targets
} else if (parser.isPlatform("desktop")) {
  document.body.classList.add('desktop-layout');
  // Show full navigation
  // Enable keyboard shortcuts
}

const parser = Bowser.getParser(window.navigator.userAgent);
const platform = parser.getPlatform();

// Touch support
const supportsTouch = parser.isPlatform("mobile") || parser.isPlatform("tablet");
if (supportsTouch) {
  console.log("Touch interface available");
  // Enable swipe gestures
  // Adjust button sizes for touch
}

// Device-specific optimizations
if (platform.vendor === "Apple" && platform.model === "iPhone") {
  console.log("iPhone-specific optimizations");
  // Handle iPhone notch
  // Optimize for iOS Safari
}

const parser = Bowser.getParser(request.headers['user-agent']);

if (parser.isPlatform("bot")) {
  console.log("Search engine crawler detected");
  // Serve SEO-optimized content
  // Skip analytics tracking
  // Enable server-side rendering
}

const parser = Bowser.getParser(window.navigator.userAgent);

if (parser.isPlatform("tv")) {
  console.log("Smart TV browser detected");
  // Show TV-optimized interface
  // Enable remote control navigation
  // Adjust for large screens and viewing distance
}

const parser = Bowser.getParser(window.navigator.userAgent);

// Add platform classes for CSS targeting
if (parser.isPlatform("mobile")) {
  document.documentElement.classList.add('platform-mobile');
} else if (parser.isPlatform("tablet")) {
  document.documentElement.classList.add('platform-tablet');
} else if (parser.isPlatform("desktop")) {
  document.documentElement.classList.add('platform-desktop');
}

interface PlatformDetails {
  type?: string;
  vendor?: string;
  model?: string;
}