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