js之判斷使用者裝置是網頁(谷歌,UC,火狐)還是用戶端(IOS還是Android)

var userAgent = window.navigator.userAgent

export default {
    isFromAndroid: /android/gi.test(userAgent), /* 安卓*/
    isFromIOs: /iphone|ipod|ios/gi.test(userAgent), /* IOS */
    isFromWeChat: /MicroMessenger/gi.test(userAgent), /* 微信 */
    isFromQQ: /mobile.*qq/gi.test(userAgent), /* QQ */
    isFromUC: /ucbrowser/gi.test(userAgent),/* UC浏覽器 */
    isFromQQBrowser: /mqqbrowser[^LightApp]/gi.test(userAgent),/* QQ浏覽器 */
    isFromQQBrowserLight: /MQQBrowserLightApp/gi.test(userAgent),/* qq輕浏覽器*/

    isTrident: /Trident/gi.test(userAgent), /**IE核心 */
    isPresto: /Presto/gi.test(userAgent), /** opera核心 */
    iswebKit: /AppleWebKit/gi.test(userAgent), /** 蘋果、谷歌核心 */
    isGecko: /Gecko.*KHTML/gi.test(userAgent), /** 火狐核心 */
    
    isMobile: !!userAgent.match(/AppleWebKit.*Mobile.*/),/**是否為移動終端 */
    isIos: !!userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), /* ios終端 */
    isAndroid: userAgent.indexOf('Android') > -1 || u.indexOf('Adr') > -1, //android終端
    isIPhone: userAgent.indexOf('iPhone') > -1, //iPhone或者QQHD浏覽器
    isIPad: userAgent.indexOf('iPad') > -1, //iPad
    isWebApp: userAgent.indexOf('Safari') == -1, //web應該程式，沒有頭部與底部
}           

使用

(navigator.browserLanguage || navigator.language).toLowerCase()