技术频道导航
HTML/CSS
.NET技术
IIS技术
PHP技术
Js/JQuery
Photoshop
Fireworks
服务器技术
操作系统
网站运营

赞助商

分类目录

赞助商

最新文章

搜索

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

作者:admin    时间:2015-6-23 18:3:13    浏览:

大多数人都使用跳转适配的方式实现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网页自动跳到手机网页》。

标签: 浏览器  
x
  • 站长推荐
/* 左侧显示文章内容目录 */