JS如何区分微信浏览器、QQ浏览器和QQ内置浏览器，解决 ios 无法判断是否为qq浏览器环境的问题。

原理通过不同移动端的ua弹窗获取user-agent 参数包含的信息，进行判断浏览器类型在Android上QQ内置环境的ua中有关键字 MQQBrowser，并且后面包含一个【空白符+QQ】字符；QQ浏览器仅有【MQQBrowser】因此在Android上区分，需要用正则判断ua中包含MQQBrowser，并且剔除【MQQBrowser】之后包含【空白符+QQ】，则是QQ内置浏览器，QQ浏览器

Jason Ma丶丶前端工程师

3874人浏览 · 2021-12-15 18:24:57

Jason Ma丶丶前端工程师 · 2021-12-15 18:24:57 发布

原理

通过不同移动端的ua弹窗 获取user-agent 参数包含的信息，进行判断浏览器类型

在Android上

QQ内置环境的ua中有关键字 MQQBrowser，并且后面包含一个【空白符+QQ】字符；QQ浏览器仅有【MQQBrowser】
因此在Android上区分，需要用正则判断ua中包含MQQBrowser，并且剔除【MQQBrowser】之后包含【空白符+QQ】，则是QQ内置浏览器，
QQ浏览器：ua中包含MQQBrowser但是不包含QQ

在ios上

QQ内置浏览器： ua包含一个空格加QQ，但是不包含MQQBrowser
QQ浏览器： ua包含MQQBrowser但是不包含单独的QQ

兼容所有ios 安卓设备的判断

//微信浏览器
window.$fromWechat = navigator.userAgent.toLocaleLowerCase().indexOf("micromessenger") > -1;

//QQ浏览器 （MQQBrowser用于判断 安卓设备；QQTheme用于判断 ios设备）
window.$fromQQ =
  navigator.userAgent.indexOf("MQQBrowser") > -1 || navigator.userAgent.indexOf("QQTheme") > -1;