判断设备是PC还是移动端
在做网页自适应开发时,需要对访问设备信息进行获取,PC和移动端可能要显示不同的样式或不同的内容。
methods: {
isMobile() {
let flag = navigator.userAgent.match(
/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
);
return flag;
}
},
mounted() {
if (this.isMobile()) {
this.$store.state.isMobile = true;
} else {
this.$store.state.isMobile = false;
}
}
通过navigator.userAgent我们可以获取到设备的userAgent,与后面列出的值进行匹配,返回检索到的值,即可在mounted中调用来判断。