js判断浏览器及终端

在JavaScript中，可以使用navigator对象来获取有关用户浏览器的信息，但是无法直接获取到终端的具体型号。不过，可以通过用户代理字符串（navigator.userAgent）来间接判断。以下是一个简单的示例，展示了如何使用JavaScript来判断常见的浏览器和操作系统。

function getBrowserInfo() {
  var ua = navigator.userAgent;
  var browserInfo = {
    browser: null,
    version: null,
    os: null
  };
 
  // 判断浏览器
  if (ua.indexOf('Firefox') !== -1) {
    browserInfo.browser = 'Firefox';
  } else if (ua.indexOf('Opera') !== -1 || ua.indexOf('OPR') !== -1) {
    browserInfo.browser = 'Opera';
  } else if (ua.indexOf('Trident') !== -1) {
    browserInfo.browser = 'IE';
  } else if (ua.indexOf('Edge') !== -1) {
    browserInfo.browser = 'Edge';
  } else if (ua.indexOf('Chrome') !== -1) {
    browserInfo.browser = 'Chrome';
  } else if (ua.indexOf('Safari') !== -1) {
    browserInfo.browser = 'Safari';
  }
 
  // 判断浏览器版本
  if (browserInfo.browser) {
    var verRegex = new RegExp(browserInfo.browser + '(?:/([^)]+)|$)', 'i');
    var version = ua.match(verRegex);
    browserInfo.version = version ? version[1] : null;
  }
 
  // 判断操作系统
  if (ua.indexOf('Windows NT') !== -1) {
    browserInfo.os = 'Windows';
  } else if (ua.indexOf('Macintosh') !== -1) {
    browserInfo.os = 'Mac';
  } else if (ua.indexOf('X11') !== -1 || ua.indexOf('Linux') !== -1) {
    browserInfo.os = 'Linux';
  } else if (ua.indexOf('iPhone') !== -1) {
    browserInfo.os = 'iOS';
  } else if (ua.indexOf('Android') !== -1) {
    browserInfo.os = 'Android';
  }
 
  return browserInfo;
}
 
var browserInfo = getBrowserInfo();
console.log(browserInfo);

这段代码定义了一个getBrowserInfo函数，它返回一个包含浏览器、版本和操作系统信息的对象。请注意，用户代理字符串可以被用户或浏览器插件修改，所以它不是一个完全可靠的方法来识别终端。此外，由于移动设备的浏览器和操作系统差异巨大，代码中没有包括所有可能的操作系统或设备型号。