侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130555 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

判断是否移动端设备的JS代码

2022-06-12 星期日 / 0 评论 / 0 点赞 / 73 阅读 / 1189 字

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

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

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

代码如下:

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

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

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

广告 广告

评论区