iOS 智能应用横幅 - 在 iPad 和 iPhone 上显示不同的应用

Question

我在 Apple App Store 上发布了 2 个 iOS 应用程序，一个是 iPhone 应用程序，另一个是 iPad 应用程序，我需要在我的网站上使用 iOS 智能应用程序横幅，所以我为这两个应用程序添加了 2 个元标记。

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

我期望浏览器应该知道在用户访问我的网站时向其显示正确的应用程序，但它没有。

所以我需要的是一种方法，如果用户是从 iPhone 浏览器访问，则在 iOS 智能应用程序横幅中显示 iPhone 应用程序，如果他是从 iPad 浏览器访问，则显示 iPad 应用程序。

Answer 1

好的，我想我找到了解决方案，但它不是来自 Apple，而是一个 jQuery 插件: http://www.dunnsolutions.com/content/application-development-blog/-/blogs/smart-app-banners-for-ios-and-android

"If you have two versions of apps in the App Store (for example, one for iPad and another for iPhone/iPod), you may use JavaScript to check the browser’s user agent and determine the appropriate meta tag to insert into head of your web page."

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);
}