区分IOS和Android

代码

utils - checkVersion.js

function checkSystemVersion () {
    if(typeof window === 'undefined')  return false;
    // window环境操作系统区分
    let systemInfo = window.navigator.userAgent,
        result = {};
    /Android/i.test(systemInfo) ? result.isAndroid = true : result.isAndroid = false;
    /iphone|ipad/i.test(systemInfo) ? result.isIOS = true : result.isIOS = false;
    return result;
}
export default checkSystemVersion

使用

<div v-show='checkVersion.isAndroid'>Android</div>
<div v-show='checkVersion.isIOS'>IOS</div>
<div :class="[{ 'androidClass': checkVersion.isAndroid }, { 'iphoneClass': checkVersion.isIOS }]"></div>
// 样式
.androidClass {}
.iphoneClass {}
import checkSystemVersion from '@/utils/checkVersion'

data() {
    return {
        checkVersion:null,
    }
},
created() {
    this.checkVersion = checkSystemVersion();
    alert(JSON.stringify(this.checkVersion));
},

网站导航

网站导航

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容