分类目录

链接

2017 年 7 月
 12
3456789
10111213141516
17181920212223
24252627282930
31  

近期文章

热门标签

新人福利,免费薅羊毛

现在位置:    首页 > 前端 > 正文
百度使用的判断是否移动端设备的JS代码
前端 暂无评论 阅读(529)

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

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

代码如下:

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

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

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

============ 欢迎各位老板打赏~ ===========

本文版权归Bruce's Blog所有,转载引用请完整注明以下信息:
本文作者:Bruce
本文地址:百度使用的判断是否移动端设备的JS代码 | Bruce's Blog

发表评论

留言无头像?