笔记

Javascript/CSS

Vue/React

其它

杂物室

杂谈

工具

影像

sleep
宝可梦
西塞尔
Dedsec
Scarlet
Violet
P5
满月
黄昏
深夜
经典
回到顶部

如何判断当前环境是移动端还是PC端 #119

Anuluca     Date : 2021-03-05   Tags : 2

方法1:navigator.userAgent

函数:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
isPc() {
var userAgentInfo = navigator.userAgent
var Agents = new Array(
'Android',
'iPhone',
'SymbianOS',
'Windows Phone',
'iPad',
'iPod'
)
var flag = true
flag = !Agents.some((ele) => {
return userAgentInfo.indexOf(ele) > 0
})
return flag
}

对于 Android/iPhone 可以匹配以下正则:

1
2
3
4
5
const appleIphone = /iPhone/i;
const appleIpod = /iPod/i;
const appleTablet = /iPad/i;
const androidPhone = /\bAndroid(?:.+)Mobile\b/i; // Match 'Android' AND 'Mobile'
const androidTablet = /Android/i;

方法2:isMobile库

github链接

1
2
3
import isMobile from 'ismobilejs'

const mobile = isMobile()
由于某些原因,博客图床于5月26日惨遭爆破,目前正在整理需要的图片并迁移存活的图片到新图床,预计6月10日重新上线网站
   
THE END
   
讨论
 
© 2018 - 2024 Anuluca ▌友情链接 Tsuki's blog | Poke amice | 夜航星
  复制成功!