• Home
  • About
    • Pretend To Write Like A Hacker photo

      Pretend To Write Like A Hacker

      besteric

    • Learn More
    • Twitter
    • Instagram
    • Github
    • Weibo
  • Posts
    • All Posts
    • All Tags
  • Projects

淘宝首页增加URL Scheme

Reading time ~1 minute

这几天被iPad客户端运营追杀,要求在淘宝首页顶部加一个逻辑——iPad访问淘宝首页默认顶部会出现一个SmartBanner,用户点击也遵循以下逻辑

  • 如果iPad上已经安装淘宝HD应用,则默认打开淘宝HD首页
  • 否则跳转至iTunes提示用户安装最新版的应用

image


如何检测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



URL SchemeiPad淘宝首页 Like Tweet +1
打赏

打赏留言

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少
支付宝
微信

打开支付宝扫一扫,即可进行扫码打赏哦