码迷,mamicode.com
首页 > 其他好文 > 详细

点击后辨别当前设备,并进行相应的操作(跳转、提示等)

时间:2017-05-17 14:17:23      阅读:146      评论:0      收藏:0      [点我收藏+]

标签:iphone   ref   ios   nav   app   lin   row   mac os x   log   

HTML代码:

<button id="link_sel">点我吧</button>

JS代码:

<script type="text/javascript">
    /*辨别当前设备是iphone还是Android*/
    var browser = {
        versions: function () {
            var u = navigator.userAgent, app = navigator.appVersion;
            return { //移动终端浏览器版本信息
                ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
                android: u.indexOf(‘Android‘) > -1 || u.indexOf(‘Linux‘) > -1, //android终端或uc浏览器
                iPhone: u.indexOf(‘iPhone‘) > -1, //是否为iPhone或者QQHD浏览器
                iPad: u.indexOf(‘iPad‘) > -1 //是否iPad
            };
        }()
    }
/*辨别完设备后进行相应的跳转*/ 
    $(function(){
        /*点击后触发*/
        $("#link_sel").click(function(){
            /*ios,ipad设备下打开时的情况*/
            if (browser.versions.iPhone || browser.versions.iPad || browser.versions.ios) {
                window.location.href = "你的链接";
            }
            /*Android设备下打开时的情况*/
            else if (browser.versions.android) {
                window.location.href = "你的链接";
            }
            /*PC端打开时的情况*/
            else{
                alert("请更换移动设备后重试!")
            }

        });
    });
</script>

 

点击后辨别当前设备,并进行相应的操作(跳转、提示等)

标签:iphone   ref   ios   nav   app   lin   row   mac os x   log   

原文地址:http://www.cnblogs.com/heyiming/p/6866615.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!