前言

在项目开发中，一般需要准备两套代码，一套PC端一套移动端（响应式除外）。
当项目正式上线后，我们要根据用户不同的设备源去让页面跳转到不同的链接，又或是同一链接，根据不同的设备源加载不同的css/js文件，从而与用户设备进行适配达到完美效果。

如何判断?

那么，如何去获取用户的设备类型呢？
这里，就要用到浏览器提供的navigator对象了
navigator对象中有一个userAgent属性，可以用来声明浏览器用于HTTP请求的用户代理头的值。通俗点说，我们可以利用它来获取到发送http请求的设备信息。
直接上代码：

(function() {
  var browser = (function() {
    var ua = typeof navigator !== 'undefined' ? navigator.userAgent : '';
    var browser = {
      android: /Android/i.test(ua),
      ios: /iPhone|iPad|iPod/i.test(ua),
      blackberry: /BlackBerry/i.test(ua),
      windows: /IEMobile/i.test(ua)
    };
    browser.mobile = (browser.android || browser.blackberry || browser.ios || browser.windows);
    return browser;
  })();
  if (browser.mobile) {
    //手机端，可以根据业务需求跳转到不同网址或加载不同文件
  }
})()

运行以上的代码，通过browser这个对象还可以获取到更多关于设备的信息，包括移动端的操作系统等等