apple-itunes-app

  • 819
  • 0

摘要:apple-itunes-app

最近遇到一個需求:在 mobile web上顯示 app下載提示畫面,找了找,看到這套:https://github.com/jasny/jquery.smartbanner,套起來還滿容易的。

小修改了一個地方:

// 原程式第 109行的 animate({top:0}...
show: function(callback) {
            $('#smartbanner').stop().animate({top:0},this.options.speedIn).addClass('shown')
            $('html').animate({marginTop:this.origHtmlMargin+(this.bannerHeight*this.scale)},this.options.speedIn,'swing',callback)
        }

// 改成 animate({ top: $('#smartbanner').css("top") }
$('#smartbanner').stop().animate({ top: $('#smartbanner').css("top") }...

發佈到正式環境後,因為一些原因還沒要上 js檔,但是,在 iphone上已經會跳提示視窗了!?第一個反應是,怎麼可能,我沒丟 js、css怎麼會有,這應該有什麼誤會吧!?然後又看到這篇:http://blog.buginception.com/blog/2013/01/12/apple-itunes-app-meta-tag,ios只要有 apple-itunes-app的 meta就會跳提示了…這真的是什麼巫術啊!