Javascript ile İşletim Sistemini Tespit Etmek

Bu işlemi genelde indirme sayfalarında görmüş olabilirsiniz. Örneğin windows ile giriyorsanız size bir exe mac os ile giriyorsanız size bir dmg dosyası indirtirler.

Bu işlemi javascript ile tespit etmek ise oldukça kolay :) Tek ihtiyacımız Navigator API kullanmak olacak.

Hızlıca bir örnek verecek olursak

console.log(navigator.appVersion);
// Örnek çıktı: "5.0 (Macintosh; Intel Mac OS X 10_15_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.193 Safari/537.36"

Örnek çıktı, kullandığınız işletim sistemine göre değişkenlik gösterebilir. Şimdi tek ihtiyacımız, içinden veriyi ayıklayarak kullanıcıya göstermek ya da ona göre işlem yapmak olacak.

function getOS() {
    const appVersion = navigator.appVersion;
    let os;
    if (appVersion.includes('Win')) {
        os = 'Windows';
    } else if (appVersion.includes('Mac')){
        os = 'Mac os';
    } else if (appVersion.includes('X11')){
        os = 'UNIX';
    } else if (appVersion.includes('Linux')){
        os = 'Linux';
    }
    return os;
}

Artık bunu bir div içerisinde şöyle gösterebiliriz;

<p>İşletim sisteminiz: <span id="os"></span></p>

<script>
    function getOS() {
        const appVersion = navigator.appVersion;
        let os;
        if (appVersion.includes('Win')) {
            os = 'Windows';
        } else if (appVersion.includes('Mac')){
            os = 'Mac os';
        } else if (appVersion.includes('X11')){
            os = 'UNIX';
        } else if (appVersion.includes('Linux')){
            os = 'Linux';
        }
        return os;
    }
    document.getElementById('os').innerText = getOS();
</script>

Editörde Görüntüle