Определить версию iOS менее 5 с помощью JavaScript

Question

Определить версию iOS менее 5 с помощью JavaScript

Это связано с "исправлением" положения: исправлено в старых версиях iOS. Однако, если установлена iOS5 или выше, исправление ломает страницу.

Я знаю, как обнаружить iOS 5: navigator.userAgent.match(/OS 5_\d like Mac OS X/i) но это не сработает для iOS6, когда она в конце концов появится, или даже для iOS 5.0.1, только двухзначная версия.

Так что это то, что у меня есть.

$(document).bind("scroll", function() {
    if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i))) {
        if (navigator.userAgent.match(/OS 5_\d like Mac OS X/i)) {
    }
    else {
        changeFooterPosition();
    }
});

48

javascript ios version-detection

Источник

user965496 01 дек '11 в 20:53

9 ответов

Решение

Ответ Pumbaa80 был почти 100%, он просто пропустил одну часть. Некоторые версии iOS имеют третью цифру.

пример

Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_3_3 like Mac OS X; en_us) AppleWebKit/525.18.1 (KHTML, like Gecko)

Следующее позволяет это сделать

if(/(iPhone|iPod|iPad)/i.test(navigator.userAgent)) { 
    if(/OS [2-4]_\d(_\d)? like Mac OS X/i.test(navigator.userAgent)) {  
        // iOS 2-4 so Do Something   
    } else if(/CPU like Mac OS X/i.test(navigator.userAgent)) {
        // iOS 1 so Do Something 
    } else {
        // iOS 5 or Newer so Do Nothing
    }
}

Этот дополнительный бит (_\d)? допускает возможность третьей цифры в номере версии. Чарли С. Это тоже ответит на ваш вопрос.

Обратите внимание на другое, потому что первая проверка не будет работать на iOS 1. iOS 1 для iPhone и iPod не включила номер версии в строку UserAgent.

iPhone v 1.0

Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1A543 Safari/419.3

iPod v1.1.3

Mozilla/5.0 (iPod; U; CPU like Mac OS X; en) AppleWebKit/420.1 (KHTML, like Gecko) Version/3.0 Mobile/4A93 Safari/419.3

Все это можно найти по следующей ссылке на сайте Apple здесь.

11

Источник

user1343107 20 июн '12 в 23:29

Я не мог найти то, что искал, поэтому я взял идеи с этой страницы и других страниц в сети и придумал это. Надеюсь, другие найдут это полезным.

function iOS_version() { 
    if(navigator.userAgent.match(/ipad|iphone|ipod/i)){ //if the current device is an iDevice
    var ios_info ={};
    ios_info.User_Agent=navigator.userAgent;
    ios_info.As_Reported=(navigator.userAgent).match(/OS (\d)?\d_\d(_\d)?/i)[0];
    ios_info.Major_Release=(navigator.userAgent).match(/OS (\d)?\d_\d(_\d)?/i)[0].split('_')[0];
    ios_info.Full_Release=(navigator.userAgent).match(/OS (\d)?\d_\d(_\d)?/i)[0].replace(/_/g,".");
    ios_info.Major_Release_Numeric=+(navigator.userAgent).match(/OS (\d)?\d_\d(_\d)?/i)[0].split('_')[0].replace("OS ","");
    ios_info.Full_Release_Numeric=+(navigator.userAgent).match(/OS (\d)?\d_\d(_\d)?/i)[0].replace("_",".").replace("_","").replace("OS ","");   //converts versions like 4.3.3 to numeric value 4.33 for ease of numeric comparisons
    return(ios_info);
    }
}

Это позволяет вам получить основной выпуск и полный номер выпуска либо в виде строки, либо в виде номера для iOS.

Пример строки агента пользователя:

    Mozilla / 5.0 (iPhone; процессор iPhone OS 6_1_3, как Mac OS X) AppleWebKit/536.26 (KHTML, как Gecko) Mobile/10B329

Использование:

var iOS=iOS_version();
console.log(iOS.Full_Release); //returns values in form of "OS 6.1.3"
console.log(iOS.Full_Release_Numeric); //returns values in form of 6.13
//useful for comparisons like if(iOS.Full_Release_Numeric >6.2)

console.log(iOS.Major_Release); //returns values in form of "OS 6"
console.log(iOS.Major_Release_Numeric); //returns values in form of 6
//useful for comparisons like if(iOS.Major_Release_Numeric >7)

console.log(iOS.As_Reported); //returns values in form of "OS 6_1_3"
console.log(iOS.User_Agent); //returns the full user agent string

В случае исходного вопроса на этой странице вы можете использовать этот код следующим образом:

var iOS=iOS_version();
$(document).bind("scroll", function() {
    if(iOS){if(iOS.Major_Release_Numeric <5) {} 
    else {changeFooterPosition();}
    }
});

8

Источник

user9701779 26 апр '18 в 06:00

Вот немного JS для определения версии iOS и Android OS.

Протестировано с фактическими строками пользовательских агентов для iOS 4.3 до 6.0.1 и Android 2.3.4 до 4.2

var userOS;    // will either be iOS, Android or unknown
var userOSver; // this is a string, use Number(userOSver) to convert

function getOS( )
{
  var ua = navigator.userAgent;
  var uaindex;

  // determine OS
  if ( ua.match(/iPad/i) || ua.match(/iPhone/i) )
  {
    userOS = 'iOS';
    uaindex = ua.indexOf( 'OS ' );
  }
  else if ( ua.match(/Android/i) )
  {
    userOS = 'Android';
    uaindex = ua.indexOf( 'Android ' );
  }
  else
  {
    userOS = 'unknown';
  }

  // determine version
  if ( userOS === 'iOS'  &&  uaindex > -1 )
  {
    userOSver = ua.substr( uaindex + 3, 3 ).replace( '_', '.' );
  }
  else if ( userOS === 'Android'  &&  uaindex > -1 )
  {
    userOSver = ua.substr( uaindex + 8, 3 );
  }
  else
  {
    userOSver = 'unknown';
  }
}

Затем, чтобы определить конкретную версию и выше, попробуйте:

if ( userOS === 'iOS' && Number( userOSver.charAt(0) ) >= 5 ) { ... }

4

Источник

user1678813 25 ноя '12 в 08:21

Добавление к ответу Pumbaa80. Строка версии может быть 4_0, 5_0_1, 4_0_4и т. д., и так тестирование против [1-4]_/d (одно подчеркивание и номер) не подходит. Приведенный ниже JavaScript работает для меня в различных под-версиях iOS 3-5:

if (/(iPhone|iPod|iPad)/i.test(navigator.userAgent)) {
    if (/OS [1-4](.*) like Mac OS X/i.test(navigator.userAgent)) {
      // iOS version is <= 4.
    } else {
      // iOS version is > 4.
    }
  }

4

Источник

user630614 20 июн '12 в 17:46

Во-первых: не используйте match когда test достаточно.

Второе: вы должны проверить наоборот. Найдите UA, которые, как известно, сломаны.

if(/(iPhone|iPod|iPad)/i.test(navigator.userAgent)) {
    if (/OS [1-4]_\d like Mac OS X/i.test(navigator.userAgent)) {
        changeFooterPosition();
...

3

Источник

user27862 01 дек '11 в 22:52

Просто запустите этот код в устройстве / браузере

if(window.navigator.userAgent.match( /iP(hone|od|ad)/)){

    var iphone_version= parseFloat(String(window.navigator.userAgent.match(/[0-9]_[0-9]/)).split('_')[0]+'.'+String(window.navigator.userAgent.match(/[0-9]_[0-9]/)).split('_')[1]);

    // iPhone CPU iPhone OS 8_4 like Mac OS X

    alert(iphone_version); // its alert 8.4

    if(iphone_version >= 8){
       alert('iPhone device, iOS 8 version or greater!');
    }
}

Эта переменная iphone_version предоставит вам правильную версию ОС для любого устройства iPhone.

2

Источник

user3035116 01 сен '15 в 11:31

function getIOSVersion() {
    const ua = navigator.userAgent;
    if (/(iPhone|iPod|iPad)/i.test(ua)) {
        return ua.match(/OS [\d_]+/i)[0].substr(3).split('_').map(n => parseInt(n));
    }
    return [0];
}

Это вернет массив с отдельными номерами версий, такими как [10,0,1] для v10.0.1 или по умолчанию [0] иначе. Вы можете проверить первую цифру (основную версию) или все из них, чтобы проверить, какие версии вам нужны.

1

Источник

user173322 22 дек '17 в 18:53

Далее разберите номер версии ("5"), затем добавьте условие, если номер больше / меньше номера версии.

0

Источник

user175082 01 дек '11 в 20:58

Другие вопросы по тегам javascript ios version-detection

user1959421 08 янв '13 в 21:00 2013-01-08 21:00 · Accepted Answer · 2013-01-08 21:00

Этот фрагмент кода можно использовать для определения любой версии iOS 2.0 и выше.

function iOSversion() {
  if (/iP(hone|od|ad)/.test(navigator.platform)) {
    // supports iOS 2.0 and later: <http://bit.ly/TJjs1V>
    var v = (navigator.appVersion).match(/OS (\d+)_(\d+)_?(\d+)?/);
    return [parseInt(v[1], 10), parseInt(v[2], 10), parseInt(v[3] || 0, 10)];
  }
}

ver = iOSversion();

if (ver[0] >= 5) {
  alert('This is running iOS 5 or later.');
}