iOS Smart App Banners - показ различных приложений на iPad и iPhone

Question

У меня есть 2 приложения для iOS, опубликованные в Apple App Store, одно приложение для iPhone, а другое приложение для iPad, и мне нужно использовать баннеры iOS Smart App на моем веб-сайте, поэтому я включил 2 мета-тега для обоих приложений.

<meta name="apple-itunes-app" content="app-id=iPhoneAppID" />
<meta name="apple-itunes-app" content="app-id=iPadAppID" />

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

Так что мне нужен способ показать приложение iPhone в баннерах iOS Smart App, если пользователь посещает браузер iPhone, и приложение iPad, если он посещает браузер iPad.

Answer 1

Хорошо, я думаю, что нашел решение, но оно не от Apple, и это плагин jQuery: http://www.dunnsolutions.com/content/application-development-blog/-/blogs/smart-app-banners-for-ios-and-android

"Если у вас есть две версии приложений в App Store (например, одна для iPad, а другая для iPhone/iPod), вы можете использовать JavaScript, чтобы проверить пользовательский агент браузера и определить соответствующий метатег для вставки в заголовок вашей сети. страница ".

if ( /(iPad).*AppleWebKit.*Mobile.*Safari/.test(navigator.userAgent) ) {
  var headNode = document.getElementsByTagName("head")[0];
  var sbNode = document.createElement('meta');
  sbNode.name = 'apple-itunes-app';
  sbNode.content = 'app-id=your-iPadAppId';
  headNode.appendChild(sbNode);
} else if ( /(iPhone|iPod).*AppleWebKit.*Mobile.*Safari/.test(navigator.userAgent) ) {
  var headNode = document.getElementsByTagName("head")[0];
  var sbNode = document.createElement('meta');                    
  sbNode.name = 'apple-itunes-app';                
  sbNode.content = 'app-id=your-iPhoneAppId';
  headNode.appendChild(sbNode);
}