Wondering what‚Äôs next for npm?Check out our public roadmap! ¬Ľ

    mobile-device-detect
    TypeScript icon, indicating that this package has built-in type declarations

    0.4.3¬†‚Äʬ†Public¬†‚Äʬ†Published

    mobile-device-detect

    Helpers for handling mobile devices in javascript.

    Installation

    To install, you can use npm or yarn:

    npm install mobile-device-detect --save
    
    or
    
    yarn add mobile-device-detect
    

    Usage

    Import any helper to your component, for example, in Vue.js:

    <script>
    import { isMobile } from 'mobile-device-detect';
    export default {
      name: 'HelloWorld',
      data () {
        return {
          msg: isMobile ? 'Welcome to Your Vue.js mobile App!' : 'Welcome to Your Vue.js App'
        }
      }
    }
    </script> 
     

    pass it to template:

    <template>
      <div class="hello">
        {{ msg }}
      </div>
    </template>

    For react example, you can look into separated package react-device-detect

    Selectors

    Property Return type Description
    isMobile bool returns true if device type is mobile or tablet
    isMobileOnly bool returns true if device type is mobile
    isTablet bool returns true if device type is tablet
    isBrowser bool returns true if device type is browser
    isSmartTV bool returns true if device type is smarttv
    isWearable bool returns true if device type is wearable
    isConsole bool returns true if device type is console
    isAndroid bool returns true if os type is Android
    isWinPhone bool returns true if os type is Windows Phone
    isIOS bool returns true if os type is iOS
    isChrome bool returns true if browser is Chrome
    isFirefox bool returns true if browser is Firefox
    isSafari bool returns true if browser is Safari
    isOpera bool returns true if browser is Opera
    isIE bool returns true if browser is Internet Explorer
    isEdge bool returns true if browser is Edge or Edge Chromium
    isYandex bool returns true if browser is Yandex
    isChromium bool returns true if browser is Chromium
    isMobileSafari bool returns true if browser is Mobile Safari
    osVersion string returns os version (e.g 7 for Windows or 6 for Android)
    osName string returns os name (e.g Windows, Android)
    fullBrowserVersion string returns full browser version (e.g 65.0.3325.181 for Chrome)
    browserVersion string returns browser major version (e.g 65 in Chrome or 9 in IE)
    browserName string returns browser name
    mobileVendor string returns mobile device vendor (e.g LG, iPhone etc)
    mobileModel string returns mobile device model (e.g Nexus 5)
    engineName string returns browser engine name (e.g Gecko for FF or WebKit for Chrome)
    engineVersion string returns engine version
    getUA string returns user agent
    deviceType string returns device type (e.g mobile or tablet)
    isIOS13 boolean returns true/false if device is running on iOS13
    isIPhone13 boolean returns true/false if device is iPhone and running on iOS13
    isIPad13 boolean returns true/false if device is iPad and running on iOS13
    isIPod13 boolean returns true/false if device is iPod and running on iOS13
    isElectron boolean returns true/false if running on Electron
    isEdgeChromium boolean returns true/false if browser is Edge Chromium
    isLegacyEdge boolean returns true if browser is Edge
    isWindows boolean returns true/false if os is Windows
    isMacOs boolean returns true/false if os is Mac OS
    deviceDetect function return data object which includes all data about device (e.g version, engine, os etc.)

    License

    MIT

    Install

    npm i mobile-device-detect

    DownloadsWeekly Downloads

    16,132

    Version

    0.4.3

    License

    MIT

    Unpacked Size

    47.9 kB

    Total Files

    13

    Last publish

    Collaborators

    • avatar