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

时间:2022-08-19 23:49:17

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>
/*第二种方法
var u = navigator.userAgent;
var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
*/