UA 组件，判断不同的平台和设备及容器
$ tnpm i @ali/tbm-ua --save
<h2>UA用法展示</h2>
<button id="btn">判断该platform</button>
<button id="btn1">该platform是淘宝么</button>import ua from '@ali/tbm-ua';
var oBtn = document.querySelector('#btn');
var oBtn1 = document.querySelector('#btn1');
oBtn.addEventListener(
'click',
function () {
alert(ua);
},
false
);
oBtn1.addEventListener(
'click',
function () {
if (ua.isTB) {
alert('是');
} else {
alert('不是');
}
},
false
);
//做个示范 判断平台是不是淘宝
//if(ua.isTB){}| 平台 | Api 名称 | 返回值类型 | 备注 |
|---|---|---|---|
| UC 容器 U4 内核 | isUCU4 | True: /False: null | |
| UC 容器 U3 内核 | isUCU3 | True: /False: null | |
| IOS | isIOS | True: /False: null | |
| Android | isAndroid | True: /False: null | |
| WindVane 容器 | isWindVane | True: /False: null | 需组合 window.WindVane && window.WindVane.isAvailable ; 手淘专有 API 应判断 isTB
|
| WindVane 和 钱包 | isMV | True: /False: null | DY & WindVane |
| TBMovie 和钱包 | isDY | True: /False: null | DY & Nebula |
| AliTrip | isAT | True: /False: null | 飞猪 |
| 淘宝 | isTB | True: /False: null | 手淘 |
| 钱包 | isAP | True: /False: null | 钱包客户端 |
| 口碑 | isKB | True: /False: null | 口碑客户端 |
| 淘票票专业版 | isMVP | True: /False: null | |
| 微博 | isWB | True: /False: null | |
| 微博电影 | isWBM | True: /False: null | |
| 高德 | isGD | True: /False: null | |
| 虾米音乐 | isXM | True: /False: null | |
| 优酷 | isYK | True: /False: null | |
| 神马搜索 | isSM | True: /False: null | |
| 搜狗 | isSG | True: /False: null | |
| 大麦 | isDM | True: /False: null | |
| 天猫 | isTM | True: /False: null | |
| 快应用 | isQuickApp | True: /False: null | |
| 微信 H5 | isWX | True: /False: null | 仅匹配微信 H5，若是微信小程序中的 webview，则返回 null |
| 微信小程序 | isWXApp | True: /False: null | 仅匹配微信小程序 |
UA 组件只提供不同平台和设备及容器的判断，不涉及容器版本的判断，如果需要判断容器版本做特殊的处理，可以参考如下的使用方法：
// 主客版本大于 7.9.0 做特殊处理
UA.isDY && TBM.getVersion(TBM.clientInfo['client.version']) >= TBM.getVersion('7.9.0'))
// 钱包版本大于 9.5.3 做特殊处理
UA.isAP && TBM.clientInfo && TBM.getVersion(TBM.clientInfo['client.version']) >= TBM.getVersion('9.5.3');