聊一个简单的问题,如何判断当前环境是PC端还是手机端

1,418 阅读1分钟

判断当前环境是PC端还是手机端通常可以使用不同的方法,最常见的几种判断方式如下: 1、使用媒体查询: 通过css媒体查询 根据设备屏幕宽度来判断。 2、使用 navigator.userAgent : 通过检查用户代理字符串来判断设备类型。!!!!!注意这种方式不是非常可靠,因为用户代理字符串可能被修改。 if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)){ console.log('手机端') } else { console.log('PC端) }

3、用屏幕宽度: 通javaScript获取屏幕宽度来判断设备类型。 if(window.innerWidth <= 767){ console.log('手机端') }else{ console.log('PC端') } 4、使用window.orientation 检测设备的方向来判断是手机端还是PC端。这种方式在移动设备上有效。这个属性用于判断手机是否是横屏,如果返回undefined if(typeof window.orientataion !== 'undefined'){ console.log('手机端') }else { console.log('PC端') } 这些都是简单的判断的方法。

参考资料: 公众号---程序员每日三问:mp.weixin.qq.com/s/zdsUtDY7S…