欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

识别移动设置访问更改样式

程序员文章站 2022-06-07 13:51:24
...
	 var ua = window.navigator.userAgent;
	  	if (/Mobile|iP(hone|ad)|Android|BlackBerry|IEMobile/.test(ua)) {
			var head  = document.getElementsByTagName('head')[0];
		    var link  = document.createElement('link');
		    link.rel  = 'stylesheet';
		    link.type = 'text/css';
		    link.href = '//misc.eol.cn/css/2018/2018_czzl/mobile_wz.css';
		    head.appendChild(link);
	  }else{
			var head = document.getElementsByTagName('head')[0];
			var base = document.createElement('base');
			base.target = '_blank';
			head.appendChild(base);
		}

或者

$(function(){
var browser={
    versions:function(){
        var u = navigator.userAgent, app = navigator.appVersion;
        //移动设备浏览器版本信息
        return {
            //IE内核
            trident: u.indexOf('Trident') > -1,
            //opera内核      
            presto: u.indexOf('Presto') > -1,
            //苹果、谷歌内核          
            webKit: u.indexOf('AppleWebKit') > -1,
            //火狐内核
            gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,
            //是否为移动终端
            mobile: !!u.match(/AppleWebKit.*Mobile.*/), 
            //ios终端
            ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
            //android终端或者uc浏览器
            android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, 
            //是否为iPhone或者QQHD浏览器
            iPhone: u.indexOf('iPhone') > -1 , 
            //是否iPad           
            iPad: u.indexOf('iPad') > -1,
            //是否web应该程序,没有头部与底部
            webApp: u.indexOf('Safari') == -1
        };
    }(), 
    language:(navigator.browserLanguage || navigator.language).toLowerCase()  
}   
   
if(browser.versions.mobile || browser.versions.ios || browser.versions.android || browser.versions.iPhone || browser.versions.iPad){   
     cssChange();     
}  
 
function cssChange(){
    var link = document.getElementsByTagName('link')[0];
    //PC端应用的样式文件:pc.css
    //alert('当前应用样式文件是:'+link.getAttribute('href'));
    link.setAttribute('href','css/mobile.css');
    //Mobile端应用样式文件:mobile.css
    //alert('当前应用样式文件是:'+link.getAttribute('href'));
}
})
相关标签: 识别设备