<style type="text/css" >

    .dispaly-none{display:none;}

</style>

<div class="dispaly-none ios55">iPhone|iPad|iPod|iOS</div>

<div class="dispaly-none zz55">Android</div>

<div class="dispaly-none pc55">pc</div>

<div class="dispaly-none wx55">微信</div>

$(document).ready(function(){

     var u = navigator.userAgent;

    var ua = navigator.userAgent.toLowerCase();

    var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端

    var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端

    if(ua.match(/MicroMessenger/i)=="micromessenger") {  //微信内置浏览器

     $(".wx55").css({"display":"block","font-size":"200%"});

      alert('微信');  

    }else{

        if(isiOS){

            $(".ios55").css({"display":"block","font-size":"200%"});

             alert('iPhone|iPad|iPod|iOS');  

        }else if(isAndroid){

             $(".zz55").css({"display":"block","font-size":"200%"});

               alert('Android'); 

        }else{

             $(".pc55").css({"display":"block","font-size":"200%"});

                 alert('pc');  

        }

    }

})

 <script type="text/javascript" src="jquery-3.3.1.slim.min.js"></script>

 <script type="text/javascript" >

手机电脑端相互跳转

当前是放到电脑端代码里，

if(navigator.userAgent.match(/mobile/i)){

              //手机

                window.location.replace("http://手机端.com");

            }else {

               //电脑

            }

</script>

要仅检测用户是使用手机端还是电脑端，可以简化你的代码，不需要检测具体的移动设备（如 Android 或 iOS），只需要检测用户代理字符串中是否包含移动设备的标识符即可。

$(document).ready(function() {

    var u = navigator.userAgent;

    var ua = navigator.userAgent.toLowerCase();

    var isMobile = /Mobile|Android|iP(hone|od|ad)|IEMobile|Opera Mini|BlackBerry|BB10|webOS|Windows Phone/i.test(ua);

    if (isMobile) {

        $(".mobile55").css({"display":"block","font-size":"200%"});

        alert('Mobile Device');  

    } else {

        $(".pc55").css({"display":"block","font-size":"200%"});

        alert('PC Device');

    }

});