User Agentパーサー - ブラウザ・OS・デバイス情報解析 オンライン

// User agent parsing in the browser using ua-parser-js
import UAParser from 'ua-parser-js';

function parseUserAgent(uaString) {
  const parser = new UAParser(uaString);
  return {
    browser: parser.getBrowser(),
    engine: parser.getEngine(),
    os: parser.getOS(),
    device: parser.getDevice(),
    cpu: parser.getCPU(),
  };
}

// Parse current browser's user agent
const result = parseUserAgent(navigator.userAgent);
console.log('Browser:', result.browser.name, result.browser.version);
console.log('OS:', result.os.name, result.os.version);
console.log('Device:', result.device.type || 'desktop');

// Client Hints API (Chromium browsers)
if (navigator.userAgentData) {
  const hints = await navigator.userAgentData.getHighEntropyValues(
    ['platformVersion', 'architecture', 'model']
  );
  console.log('Platform:', hints.platform, hints.platformVersion);
}