【navigator.userAgent属性】

判断浏览器所处的环境

可以使用navigator.userAgent属性来获取浏览器所处的环境，然后根据返回的结果进行判断。例如：

var userAgent = navigator.userAgent;

if (userAgent.indexOf("Chrome") != -1) {
  // 在Chrome浏览器中
} else if (userAgent.indexOf("Safari") != -1) {
  // 在Safari浏览器中
} else if (userAgent.indexOf("Firefox") != -1) {
  // 在Firefox浏览器中
} else if (userAgent.indexOf("IE") != -1) {
  // 在IE浏览器中
} else {
  // 在其他浏览器中 在小程序vebview中（支付宝AlipayClient，微信Micromessenger等等）
}

请注意，这种方法只能识别一些常见的浏览器，并且浏览器可能会伪装或修改User-Agent字符串，因此判断可能不准确。如果您需要更精确的判断，可以使用其他方法，如使用特定的浏览器API。

判断手机端

要判断手机端，可以使用正则表达式匹配navigator.userAgent中的字符串，判断是否包含移动设备的关键字。常见的移动设备关键字有"Android"、“iPhone”、“iPad”、"Windows Phone"等。示例代码如下：

function isMobile() {
  return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
}

判断手机类型

如果要判断手机的具体类型，可以根据User-Agent字符串中的关键字来判断。例如，User-Agent中包含"iPhone"关键字，则可以判断为iPhone手机。示例代码如下：

function getMobileType() {
  if (/iPhone/i.test(navigator.userAgent)) {
    return "iPhone";
  } else if (/iPad/i.test(navigator.userAgent)) {
    return "iPad";
  } else if (/Android/i.test(navigator.userAgent)) {
    return "Android";
  } else if (/Windows Phone/i.test(navigator.userAgent)) {
    return "Windows Phone";
  } else {
    return "Unknown";
  }
}

以上代码只是示例，实际情况可能会更加复杂，需要根据具体的业务需求和User-Agent字符串的特征来进行匹配。