js 判断设备是pc还是mb移动端，并且判断当前系统语言

作为小白的我，最近有做到写页面要同时兼容pc和mb两端，所以要进行判断，并动态加上样式

// 判断设备
if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {
    document.getElementsByTagName("html")[0].style.fontSize = document.documentElement.clientWidth / 16 + "px";
    loadStyle('./css/mb_style.css');
} else {
    loadStyle('./css/style.css');
}
function loadStyle(url) {
    var link = document.createElement('link');
    link.type = 'text/css';
    link.rel = 'stylesheet';
    link.href = url;
    var head = document.getElementsByTagName('head')[0];
    head.appendChild(link);
}

 

然而需求又来了，一开始要根据设备系统语言选中默认的语言

 

 先了解一下相关知识

Accept-Language: zh-CN,zh;q=0.9,de;q=0.8,en;q=0.7,la;q=0.6

它从0到1的范围指定用户喜欢的语言，我更喜欢中文，但会接受

zh;q=0.9（繁体0.9）

e;q=0.8(德语0.8喜欢)

和其他类型的英语

en;q=0.7

la;q=0.6


zh-cn 就是代表：zh-CN 华 - 中国 zh-HK 华 - 香港的 SARzh-MO 华 - 澳门的 SARzh-CHS 华 (单一化)zh-SG 华 -新加坡zh-TW 华 -台湾zh-CHT 华 (传统的)

获取当前设备语言的代码

navigator.language.slice(0, 2)

 

当然还是很有必要去了解一下，window.navigator 里面的属性的