识别移动设置访问更改样式
程序员文章站
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'));
}
})