web前端,区分移动登录端登录微信浏览器,还是其它浏览器(pc)

一,最终效果展示图片:

       1.微信浏览器效果:

        

      2.PC浏览器效果:

     

二,代码和注释部分:

//判断移动PC端浏览器和微信端浏览器
        var ua = navigator.userAgent;
        var ipad = ua.match(/(iPad)。* OS \ s([\ d _] +)/);
        var isAndroid = ua.indexOf('Android')> -1 || ua.indexOf('Adr')> -1; // android
        终端var isiOS = !! ua.match(/ \(i [^;] +;(U;)?CPU。+ Mac OS X /); // ios
        终端var isMobile = isiOS || isAndroid;    

            if(/(iPhone|iPad|iPod|iOS|Android)/i.test(navigator.userAgent)){ 
                //移动端判断
                警报(“移动端-1”);
                    if(isAndroid){
                        // Android系统手机终端判断
                        警报(“android-2”);
                            var ua = window.navigator.userAgent.toLowerCase();
                            // Android系统手机终端微信登录判断
                            if(ua.match(/ MicroMessenger / i)=='micromessenger'){
                                alert(“android-2-微信-3.yes”);
                                
                            } else {
                                alert(“android-2-非微信-3.no”);
                                
                            }

                    } else if(isiOS){
                        // ios系统手机终端登录判断
                        警报(“ios-2”);
                            var ua = window.navigator.userAgent.toLowerCase();
                            // ios系统手机终端微信登录判断
                            if(ua.match(/ MicroMessenger / i)=='micromessenger'){
                                alert(“ios-2-微信-3.yes”);
                                
                            } else {
                                alert(“ios-2-非微信-3.no”);     
                            }
                    } else {
                        //移动端其它系统登录:如塞班系统手机(其它系统手机可能不常见了)
                        alert(“移动电脑” -2" );                      
                    }
            } else {
                //电脑PC端判断
                警报( “PC端-1”);         

            }


三,代码截图部分:

 

 
 提示:。本代码可以直接复制到本地运行,水平有限,本文档仅供初学者或首次开发提供参考。例如有更好的开发经验,谢谢回复。谢谢观看!

展开阅读全文

没有更多推荐了,返回首页