首页 > 其他 > 详细

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

时间:2017-05-17 13:17:17      阅读:330      评论:0      收藏:0      [点我收藏+]

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>

 

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!