这几天被iPad客户端运营追杀,要求在淘宝首页顶部加一个逻辑——iPad访问淘宝首页默认顶部会出现一个SmartBanner,用户点击也遵循以下逻辑
如何检测iPad是否已经安装了淘宝HD应用了?答案是使用URL Scheme,这里可以参考Goagent的作者写的文章iOS App 自定义 URL Scheme 设计
至于用户点击逻辑实现的思路就是:默认打开转淘宝HD应用,如果在500ms以内没有响应则认为机器未安装应用,页面重定向到iTunes应用下载页面
<div id="J_Ipad_Notice"><a href="taobaohd://home" id="J_Ipad_Link" ><img src="$img" /></a></div>
<script type="text/javascript">
(function(){
window.onload = function() {
var ua = navigator.userAgent.toLowerCase();
if(ua.match(/iPad/i)=="ipad") {
document.getElementById('J_Ipad_Notice').style.display='block';
document.getElementById('J_Ipad_Link').onclick=smartbanner();
function smartbanner{
var startTime = +new Date;
setTimeout(function(){
if (+new Date - startTime < 500){
window.location = 'http://itunes.apple.com/cn/app/id438865278';
}
}, 500);
}
}
};
})
</script>
今日延伸阅读
- 支付宝玉伯——CSS 学习之我观
- 计算机之子winter——CSS布局(一)
- 豆瓣张克军——前端开发理论热点面对面:从怎么看,到怎么做?
Enjoy