условное выражение или js, чтобы обнаружить, является ли пользователь на Windows XP?

Поскольку Windows XP представляет определенные шрифты так плохо, я хотел бы обнаружить, использует ли пользователь ту ОС, и добавьте класс к телу соответственно.

Я идеально ищу условный оператор HTML или php $ _SERVER var, чтобы сделать это

Однако перестав работать, который ниже сделала бы часть javscript вроде

if(users_os === 'xp'){
    $('body').addClass('xp');
}

Какие проспекты я должен быть persuing?!!!

спасибо!


Править: РАЗЪЯСНИТЬСЯ!

Это - дальнейшее развитие на проекте, который представляет веб-приложение в более хороших шрифтах, если пользователю установили его исходно - посмотрите часть моего решения здесь: для расширения шрифта складывает способности.

Шрифты представляют по-другому на комбинациях ОС и Браузера, не одного только Браузера - я хочу смочь знать, является ли пользователь на xp, или не becuase это представляет Calibri, так очень плохо

8
задан Community 23 May 2017 в 12:00
поделиться

6 ответов

Я полностью согласен с ответом jAndy , вам никогда не понадобится обнаружение ОС для веб-приложения, и вам редко требуется обнаружение браузера (исключение составляют статистика / аналитика, конечно).

При этом, если вы настаиваете на том, что вам это нужно, вы можете получить то, что вам нужно знать, используя функцию PHP get_browser () :

$browser = get_browser();
echo $browser["platform"];
// -> "WinXP"
4
ответ дан 5 December 2019 в 12:55
поделиться

Что ж, с PHP вы можете использовать $ _ SERVER ['HTTP_USER_AGENT'] . Эта строка содержит браузер, но также и ОС. Пример

Mozilla/5.0 (Windows; U; Windows NT 5.1; de; rv:1.9.2.3) Gecko/20100401 Firefox/3.6.3 (.NET CLR 3.5.30729)

С помощью функции "substr" (что быстрее) или preg_match вы можете извлечь ОС из строки.

2
ответ дан 5 December 2019 в 12:55
поделиться

Вы можете попробовать это

function OS()
{
    var n = navigator.oscpu;
    var Name = "empty";

    var osName = new Array("Windows XP", "Windows Vista", "Windows 7");

    var osNameAlt = new Array("Windows NT 5.1", "Windows NT 6.0", "Windows NT 6.1");

    for(a=0;a < osNameAlt.length; a++)
    {
        if (n == osNameAlt[a])
        {
            this.Name = osName[a];

            break;
        }


    }   

}



var os = new OS();


alert(os.Name);

Просто добавьте имена ОС в массив

0
ответ дан 5 December 2019 в 12:55
поделиться

На самом деле не имеет никакого смысла определять, какая операционная система используется для Web приложения. Единственное, что должно представлять интерес, это Браузер. Даже в браузере вы просто должны заботиться о том, что он поддерживает, а что нет.

В JQuery для этого можно использовать методы .support(), .browser() и .boxModel().

7
ответ дан 5 December 2019 в 12:55
поделиться

Необходимо выполнить проверку navigator.appVersion, который содержит версию ОС (моя Win 7 стала "Windows NT 6.1"):

Попробуйте это в адресной строке браузера и посмотрите, какие значения возвращаются.

javascript:alert(navigator.appVersion);
0
ответ дан 5 December 2019 в 12:55
поделиться

Вы также можете использовать navigator.platform :

var isXP = /NT 5.1/.test(navigator.platform)

quirksmode.org имеет отличный класс, который вы можете использовать для определения платформы браузера здесь (вставлено ниже).

Я использовал аналогичные методы для условного включения CSS на платформы Mac, поскольку шрифты на Mac могут сильно отличаться и даже нарушать макеты из-за разницы в размере и расстоянии. Я сделал это, потому что это было очень поздно в проекте и нам нужен пластырь. Я сторонник того, чтобы разные сайты выглядели по-разному в разных браузерах, при условии, что они остаются функциональными и привлекательными. Например, я реализую закругленные углы только с помощью CSS, поэтому они не отображаются в IE. Я думаю, что это приемлемо, но некоторые не могут (см. Пример на quoterobot.com - кстати, не моя работа!)

var BrowserDetect = {
    init: function () {
        this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
        this.version = this.searchVersion(navigator.userAgent)
            || this.searchVersion(navigator.appVersion)
            || "an unknown version";
        this.OS = this.searchString(this.dataOS) || "an unknown OS";
    },
    searchString: function (data) {
        for (var i=0;i<data.length;i++) {
            var dataString = data[i].string;
            var dataProp = data[i].prop;
            this.versionSearchString = data[i].versionSearch || data[i].identity;
            if (dataString) {
                if (dataString.indexOf(data[i].subString) != -1)
                    return data[i].identity;
            }
            else if (dataProp)
                return data[i].identity;
        }
    },
    searchVersion: function (dataString) {
        var index = dataString.indexOf(this.versionSearchString);
        if (index == -1) return;
        return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
    },
    dataBrowser: [
        {
            string: navigator.userAgent,
            subString: "Chrome",
            identity: "Chrome"
        },
        {   string: navigator.userAgent,
            subString: "OmniWeb",
            versionSearch: "OmniWeb/",
            identity: "OmniWeb"
        },
        {
            string: navigator.vendor,
            subString: "Apple",
            identity: "Safari",
            versionSearch: "Version"
        },
        {
            prop: window.opera,
            identity: "Opera"
        },
        {
            string: navigator.vendor,
            subString: "iCab",
            identity: "iCab"
        },
        {
            string: navigator.vendor,
            subString: "KDE",
            identity: "Konqueror"
        },
        {
            string: navigator.userAgent,
            subString: "Firefox",
            identity: "Firefox"
        },
        {
            string: navigator.vendor,
            subString: "Camino",
            identity: "Camino"
        },
        {       // for newer Netscapes (6+)
            string: navigator.userAgent,
            subString: "Netscape",
            identity: "Netscape"
        },
        {
            string: navigator.userAgent,
            subString: "MSIE",
            identity: "Explorer",
            versionSearch: "MSIE"
        },
        {
            string: navigator.userAgent,
            subString: "Gecko",
            identity: "Mozilla",
            versionSearch: "rv"
        },
        {       // for older Netscapes (4-)
            string: navigator.userAgent,
            subString: "Mozilla",
            identity: "Netscape",
            versionSearch: "Mozilla"
        }
    ],
    dataOS : [
        {
            string: navigator.platform,
            subString: "Win",
            identity: "Windows"
        },
        {
            string: navigator.platform,
            subString: "Mac",
            identity: "Mac"
        },
        {
               string: navigator.userAgent,
               subString: "iPhone",
               identity: "iPhone/iPod"
        },
        {
            string: navigator.platform,
            subString: "Linux",
            identity: "Linux"
        }
    ]

};
BrowserDetect.init();
0
ответ дан 5 December 2019 в 12:55
поделиться
Другие вопросы по тегам:

Похожие вопросы: