指引网

当前位置: 主页 > 网页制作 > JavaScript >

判断是否移动端设备的JS代码,超短,百度都用它

来源:网络 作者:佚名 点击: 时间:2017-08-08 23:00
[摘要] 大多数人都使用跳转适配的方式实现PC端到移动端的网页转换,而大多数人又是使用通过判断UA的方法来区分PC端还是移动端,思路一样,但代码各不相同,有长有短,主要是根据自己的编程习

大多数人都使用跳转适配的方式实现PC端到移动端的网页转换,而大多数人又是使用通过判断UA的方法来区分PC端还是移动端,思路一样,但代码各不相同,有长有短,主要是根据自己的编程习惯和网页URL特点来写代码。

这里跟大家分享一段判断是否移动端设备的JS代码,超短,百度都用它。

代码如下:

if(navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)){
  ...
}

此代码主要是抓住了移动端设备UA的几个关键词:iPhone/iPod/Android/ios,这几个关键词在PC端的UA里是不会出现的,从而判断是否移动端。

很多人都使用通过判断浏览器的方法来确定设备类型是PC还是移动,这种方法的特点是可以根据不同浏览器显示不同的网页,尤其是还可以根据浏览器不同而显示不同的CSS文件,这是浏览器兼容性设计时常常用到的方法,大家后来把这个方法使用到PC跟移动的跳转上。其实,这个方法也很好,对于某些网页来说,更加灵活多变。可参考此文《js实现手机打开PC网页自动跳到手机网页》。

Tags: 浏览器  
把文章分享到: QQ空间 新浪微博 腾讯微博 人人网 百度空间 QQ收藏 豆瓣网 复制
相关文章
  • JS/PHP/ASP.NET实现手机打开PC网页后自动跳到手机网页
------分隔线----------------------------