iOS Smart App Banners-在iPad和iPhone上显示不同的应用程序

Question

我在Apple App Store上发布了2个iOS应用程序，一个是iPhone应用程序，另一个是iPad应用程序，并且我需要在我的网站上使用iOS Smart App Banners，所以两个应用程序都包含2个meta标签。

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

而且我期望浏览器应该知道正确的应用程序，以便用户每次访问我的网站时都能显示给用户，但事实并非如此。

因此，我需要一种方法来在用户通过iPhone浏览器访问时在iOS Smart App Banners中显示iPhone应用程序，以及如果用户从iPad浏览器访问时在iPad应用程序中显示iPad应用程序。

Answer 1

好的，我想我找到了解决方案，但这不是来自Apple的，而是jQuery插件： http : //www.dunnsolutions.com/content/application-development-blog/-/blogs/smart-app-banners-for -ios-和机器人

“如果您在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);
}