[JavaScript] 判断设备类型，加载相应css

$(document).ready(function () {
        var browser = {
            versions: function () {
                var u = navigator.userAgent, app = navigator.appVersion;
                return { //移动终端浏览器版本信息
                    ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
                    android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或uc浏览器
                    iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
                    iPad: u.indexOf('iPad') > -1, //是否iPad
                };
            }(),
        };
        console.log(browser.versions);
        if (browser.versions.iPhone || browser.versions.iPad || browser.versions.ios) {
           
            dynamicLoadCss('../css/style-ios.css');
        }
        if (browser.versions.android) {
            
        }
    })

    /**
     * 动态加载CSS
     * @param {string} url 样式地址
     */
    function dynamicLoadCss(url) {
        var head = document.getElementsByTagName('head')[0];
        var link = document.createElement('link');
        link.type='text/css';
        link.rel = 'stylesheet';
        link.href = url;
        head.appendChild(link);
    }

 

转载于:https://www.cnblogs.com/frost-yen/p/9084731.html