Navigator

Navigator

navigator describes the browser (language, onLine, hardwareConcurrency). Chrome 107 1 reduced the userAgent string to fixed values; Chromium 4,389 's navigator.userAgentData offers brands and platform, with finer details on request.

User-Agent Client Hints, then sharing and badging from a clickJavaScript

const ua = navigator.userAgentData;
console.log(ua.brands.map((b) => `${b.brand} ${b.version}`).join(', '), ua.platform);
const hi = await ua.getHighEntropyValues(['architecture', 'fullVersionList']);
console.log(hi.architecture, hi.fullVersionList.at(-1).version);
shareButton.onclick = async () => {
  const data = { title: 'Order #1042', url: location.href };
  if (navigator.canShare?.(data)) await navigator.share(data).catch(() => {}); // AbortError: cancel
  navigator.setAppBadge?.(3);                                     // "3" on the installed app's icon
};

Output

Chromium 152, Not?A_Brand 24, Google Chrome 152 Windows
x86 152.0.7977.78

The fake Not?A_Brand stops sites matching exact brand lists. share() opens the system share sheet (all but Firefox 555 desktop), and setAppBadge() badges installed apps (Progressive Web Apps) in desktop Chromium and Safari 17 10 +.

MENU