iOS Safari, iOS Chrome и обнаружение Android для баннеров - PullRequest
Новая
       28

iOS Safari, iOS Chrome и обнаружение Android для баннеров

0 голосов
/ 14 января 2019

Я пытаюсь определить различные состояния на iOS и Android для мобильных баннеров.

Safari, Chrome для iOS и Android. Я хотел бы создать баннер для каждого.

Я использую метатег Apple для вставки баннера в App Store. Но мне нужно создать баннер для Chrome iOS и спрятать в Safari.

В настоящее время я могу обнаружить Android и Chrome на iOS, но у меня возникают проблемы с обнаружением только Safari iOS. Когда я использую свой код, баннер Chrome iOS также отображается в Safari.

Я пробовал различные методы, но когда я могу обнаружить Safari, это влияет и на Chrome iOS.

Код, который у меня есть. (Этот код не включает обнаружение Safari, которое я ищу)

И заранее спасибо 

  var userAgent = window.navigator.userAgent;

  if (userAgent.match(/iPad/i) || userAgent.match(/iPhone/i)) {
     $('.appBoxCHROME-IOS').css("display", "block");
  }
  else {
     $('.appBoxANDROID').css("display", "block");
  }
  .appBox{
    width: 100%;
    background-color: #CCC;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    padding: 10px 0;
    display: none;
    }
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="appBox appBoxCHROME-IOS">This is the chrome app banner for IOS</div>
<div class="appBox appBoxANDROID">This is the chrome app banner for ANDROID</div>
...