微信游戏下载页面注意事项

虽然大多微信下载页面都为单个html文件,但是在微信端无法下载游戏,只能用手机浏览器打开再下载.

所以:

以后做下载页面,判断是微信浏览器就弹个遮罩层来提示右上角用手机浏览器打开下载.

JQ代码:

//判断访问终端
var browser={
    versions:function(){
        var u = navigator.userAgent, app = navigator.appVersion;
        return {
            trident: u.indexOf('Trident') > -1, //IE内核
            presto: u.indexOf('Presto') > -1, //opera内核
            webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
            gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,//火狐内核
            mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
            ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
            android: u.indexOf('Android') > -1 || u.indexOf('Adr') > -1, //android终端
            iPhone: u.indexOf('iPhone') > -1 , //是否为iPhone或者QQHD浏览器
            iPad: u.indexOf('iPad') > -1, //是否iPad
            webApp: u.indexOf('Safari') == -1, //是否web应该程序，没有头部与底部
            weixin: u.indexOf('MicroMessenger') > -1, //是否微信 （2015-01-22新增）
            qq: u.match(/\sQQ/i) == " qq" //是否QQ
        };
    }(),
    language:(navigator.browserLanguage || navigator.language).toLowerCase()
};

$("#download").click(function(e) {
    if (browser.versions.weixin){
        $("#tip").show();

    }

html代码:

<div class="tip" style="display:none;" id = "tip" >
css代码:
.tip{
    width: 100%;
    height: 600px;
    background: url(images/tip.png) no-repeat 0 0;
    -webkit-background-size: 100%;
    -o-background-size: 100%;
    background-position: 0;
    position: relative;
    margin-top:-600px;
}