为什么80%的码农都做不了架构师?>>>   

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

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

代码如下:

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

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

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

转载于:https://my.oschina.net/fdhay/blog/810071

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

  1. php判断各种移动端设备的函数

    当我们需要分别判断 iPhone.Android以及iPad甚至QQ微信等等,那么我们该如何判断呢?以下代码来判断各种移动端设备终端. 代码如下: // 移动端设备各种判断函数 functicon G ...

  2. php 判断是否苹果手机,php判断各种移动端设备的函数

    当我们需要分别判断 iPhone.Android以及iPad甚至QQ微信等等,那么我们该如何判断呢?以下代码来判断各种移动端设备终端. 移动端设备各种判断函数 // 移动端设备各种判断函数 funct ...

  3. html浏览器pc端禁止缩放,阻止pc端浏览器缩放js代码

    阻止pc端浏览器缩放js代码 众所周知:移动端页面禁止用户缩放界面只需加上即可,但是pc端确实比较麻烦,用户可以通过如下几种方式来缩放: windows: ctrl + +/- ctrl + 滚轮 浏 ...

  4. 日历签到html,简单的手机移动端日历签到js代码

    特效详情: 一款简单的手机移动端日历签到js代码,挺不错的手机签到页面,可自定义已签到日期,连续几天签到代码. js代码 var isSign = false; var myday = new Arr ...

  5. 手机移动端返回顶部js代码demo效果示例(整理)

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...

  6. JS代码大全 (都是网上看到 自己整理的)

    原文 JS代码大全 (都是网上看到 自己整理的) 事件源对象  event.srcElement.tagName  event.srcElement.type 捕获释放 event.srcElemen ...

  7. 添加js代码:百度网盘网页版开倍速

    好久没写博客了,上半年都在准备比赛,计算机设计大赛.物联网设计大赛都拿了省一,西门子拿了省特(好像还是总分第一),还有一些其他稀稀散散的比赛也终于都结束了,但是保研这件事估计还是凉凉了,呜呜呜,今年没 ...

  8. 判断cpu大小端模式(c++代码实现)

    首先来了解一下大小端模式. 大端模式:高位对应低地址,低位对应高地址 :换而言之,就是数字的高位存放在内存的低址地,低位存放在内存的高地址 小端模式:高位对应高地址,低位对应低地址 :即数字的高位存放 ...

  9. B站网页端视频旋转JS代码

    有时b站up主上传的视频不是横屏的,电脑端看起来费脖子,可以用如下代码解决. F12打开浏览器console 粘贴下列代码并回车 其中-90(负数)是逆时针旋转的度数,正数是顺时针旋转,可以改成180 ...

最新文章

  1. 【问题收录】ImportError No module named MySQLdb 问题解决
  2. 【MPI高性能计算】用集合通信改进梯形求和积分
  3. php检测http状态码,php回来HTTP状态码
  4. 判断一颗二叉树是否是平衡二叉树
  5. 【链表】逆序打印链表
  6. windows.h有哪些函数
  7. 精(李沐)多头注意力,代码理解
  8. Apache环境.htaccess伪静态301跳转(www与不带www)
  9. Keil——导出代码的PDF文件
  10. 各地的磁倾角_中国各地磁偏角
  11. 液压传动与控制QY-QDSY16
  12. 计算机属性资源管理器已停止工作,Win7资源管理器老是停止工作怎么办?资源管理器已停止工作解决方法...
  13. element-ui表格编辑
  14. 开关稳压器详解(四)-Buck降压型开关稳压器自举电路
  15. hadoop系列三:mapreduce的使用(一)
  16. ear的英语怎么念_ears用英语怎么读?
  17. HTML静态网页作业——基于html+css+javascript+jquery+bootstarp响应式成都家乡介绍网页
  18. SqlServer邮件
  19. oracle删除重复数据-百万级别数据以上情况
  20. JS判断客户端是否是iOS或者Android手机移动端

热门文章

  1. php开发我的世界插件,WorldEdit/开发与API
  2. 驾校计算机岗位管理制度,驾校计算机的规章制度.doc
  3. linux 输出重定向_Linux--文件描述符和stdin,stdout,stderr
  4. 学生管理系统(C语言版)
  5. vb打开ftp服务器文件路径,VB上传指定文件到FTP指定目录。。
  6. Java项目:生活旅行分享平台(java+Springboot+JPA+Jsp+Html+js+Ajax+maven+mysql)
  7. add python3.7 to path是什么意思_一起读源码:为什么 loguru 的时间 rotation 不能只精确到天...
  8. spyder一打开就卡了_欧姆龙plc 用 SD 卡上传/下载程序
  9. lwip可以用于发udp_LWIPUDP一对多
  10. 按钮垂直居中_带下拉按钮的动态图表