How to Detect macOS > 10.15.7 ��

It's currently impossible to detect macOS > '10.15' only from user-agent data. This issue is primarily caused by macOS version being capped at 10.15 on all major browsers:

• macOS Limit reported macOS release to 10.15 series🡥 —Apple

• Cap the User-Agent string's reported macOS version at 10.15🡥 —Mozilla

• Cap the reported macOS version in the user-agent string at 10_15_7🡥 —Google

Luckily, there is a kind of workaround by utilizing client hints feature:

const uap = new UAParser();

let os = uap.getOS();
console.log('Based on user agent: ', os); 
// { name: "macOS", version: "10.15.7" }

uap.getOS().withClientHints().then(os => {
    console.log('Based on client hints', os); 
    // { name: "macOS", version: "11" }
});

See more: withClientHints()