Как направить пользователя на приложение из мобильной версии?

Question

[Azami]

Здравствуйте, подскажите, как реализовать блок в мобильной версии сайта таким образом, чтобы информация в нем менялась в зависимости от ОП смартфона.

Другими словами, нужно чтобы пользователям адроид показывалась ссылка на Play.market, а apple - app store

Answer 1

[Виталий Архипов]

Если у вас сайт на серверном языке (PHP, Python и т.д.), то нужно распарсить заголовок User-Agent, если SPA, то в navigator.userAgent.
Вот пример со stackoverflow для js

/**
 * Determine the mobile operating system.
 * This function returns one of 'iOS', 'Android', 'Windows Phone', or 'unknown'.
 *
 * @returns {String}
 */
function getMobileOperatingSystem() {
  var userAgent = navigator.userAgent || navigator.vendor || window.opera;

      // Windows Phone must come first because its UA also contains "Android"
    if (/windows phone/i.test(userAgent)) {
        return "Windows Phone";
    }

    if (/android/i.test(userAgent)) {
        return "Android";
    }

    // iOS detection from: http://stackoverflow.com/a/9039885/177710
    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
        return "iOS";
    }

    return "unknown";
}