應用中有一個網頁顯示的智能提示條,使用HTML meta tag,我想要它能在iPhone和iPod中顯示,而在iPad中不顯示。
應該怎麼辦?
蘋果的一些文檔:
http://developer.apple.com/library/ios/#documentation/AppleApplications/Reference/SafariWebContent/PromotingAppswithAppBanners/PromotingAppswithAppBanners.html
代碼:
<meta name="apple-itunes-app" content="app-id=myAppStoreID">
需要用JavaScript實現,在html平台沒有相關的方法。
刪除HTML代碼中的HTML meta tag,再使用下面的代碼:
(function($){
var is_iPad = navigator.userAgent.match(/iPad/i) != null;
// Fill in your Apple-App stuff here
var app_id = "<YOUR_APPLE_APP_ID>",
affiliate_data = null,
app_argument = null;
// exclude iPad
if(!is_iPad) {
var meta = $("<meta>"), content = 'app-id=' + app_id;
meta.attr('name', 'apple-itunes-app');
// Optional stuff (only when filled in)
if(affiliate_data) content += ', affiliate-data=' + affiliate_data;
if(app_argument) content += ', app-argument=' + app_argument;
// Apply
meta.attr('content', content);
$('head').append(meta);
}
}(jQuery));