vue前端判断网页是PC端还是移动端,判断移动端类型

纳兰子玉 2024-06-16 16:03:10 阅读 100

1.写判断PC端还是移动端方法

init() { const sUserAgent = navigator.userAgent.toLowerCase() /* eslint-disable */ const bIsIpad = sUserAgent.match(/ipad/i) == 'ipad' const bIsIphoneOs = sUserAgent.match(/iphone os/i) == 'iphone os' const bIsMidp = sUserAgent.match(/midp/i) == 'midp' const bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == 'rv:1.2.3.4' const bIsUc = sUserAgent.match(/ucweb/i) == 'ucweb' const bIsAndroid = sUserAgent.match(/android/i) == 'android' const bIsCE = sUserAgent.match(/windows ce/i) == 'windows ce' const bIsWM = sUserAgent.match(/windows mobile/i) == 'windows mobile' if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) { this.equipment = '移动端' } else { this.equipment = 'PC' } },

2.在页面一加载是调用该方法

created() { this.init() },

3.判断移动端类型

根据方法里写的常量来判断移动端类型是为true,否为false。



声明

本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。