浏览器环境判断

最新推荐文章于 2023-10-27 14:55:22 发布

转载最新推荐文章于 2023-10-27 14:55:22 发布 · 303 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://github.com/vuejs/vue

文章标签：

#Browser

Browser 专栏收录该内容

1 篇文章

订阅专栏

本文深入解析Vue源码中对于运行环境的检测逻辑，包括浏览器类型、版本及平台的判断，如IE、Edge、Android、iOS等，以及对PhantomJS、Firefox的识别。通过对navigator.userAgent的分析，实现对不同设备和浏览器特性的智能适配。

来自Vue源码 https://github.com/vuejs/vue

const inBrowser = typeof window !== 'undefined'
const inWeex = typeof WXEnvironment !== 'undefined' && !!WXEnvironment.platform
const weexPlatform = inWeex && WXEnvironment.platform.toLowerCase()
const UA = inBrowser && window.navigator.userAgent.toLowerCase()
const isIE = UA && /msie|trident/.test(UA)
const isIE9 = UA && UA.indexOf('msie 9.0') > 0
const isEdge = UA && UA.indexOf('edge/') > 0
const isAndroid = (UA && UA.indexOf('android') > 0) || (weexPlatform === 'android')
const isIOS = (UA && /iphone|ipad|ipod|ios/.test(UA)) || (weexPlatform === 'ios')
const isChrome = UA && /chrome\/\d+/.test(UA) && !isEdge
const isPhantomJS = UA && /phantomjs/.test(UA)
const isFF = UA && UA.match(/firefox\/(\d+)/)