关于微信内WebView跳转到App Store

遇上了这个问题的时候，发现腾讯已经把直接跳转给禁止了。我很赞成，保护用户的安全。

解决方案有两个：

第一：使用微信的应用宝的微下载。强烈推荐这条方案，除非你是腾讯的竞争对手，否则就乖乖注册腾讯开放平台，然后注册你的app到应用宝吧

第二：在h5页面中提示，让用户点右上角的按钮，然后点击跳转到Safari，然后在Safari中打开

第二种方案要考虑到是safari还是微信的环境。以下是我的javascript代码

<script>
function showMessage(){
    if(isWeiXin()){

        document.getElementById('redirection').style.display="block";
        var h = document.getElementById('redirection').offsetHeight;
        document.getElementById('mainContent').style.top=h+'px';
    }else{
        <!-- 这里填下载地址 -->
        window.location.href="http://itunes.apple.com/us/app/id399608199";
    }
}


function isWeiXin(){
    var ua = window.navigator.userAgent.toLowerCase();
    if(ua.match(/MicroMessenger/i) == 'micromessenger'){
        return true;
    }else{
        return false;
    }
}
</script>

redirection这个id下的元素是一开始display=none的提示文字

当下载的按钮被点击，就会判断是否在微信环境中，如果在微信中，就显示出redirection的div。然后根据这块div的高度，把整体内容（mainContent）的起始位置下移

redirection div的高度因为是自适应，所以要用offsetHeight来动态计算。