A Javascript library to detect browser & UserAgent Parser | browser-dtector

Browser Detector library to discover browser features and platform for both the browser and node.js. The browser sends its user agent in a different format, so decrypting it can be very difficult.

Supported Browsers:

• Chrome
• Firefox
• Internet Explorer
• MS Edge
• Safari
• Opera
• Samsung Browser
• Brave

Supported Platforms:

1. Install and import the ‘browser-dtector’.

# Yarn
$ yarn add browser-dtector

# NPM
$ npm install browser-dtector --save

import BrowserDtector from 'browser-dtector';

2. Or load the ‘browser-dtector.umd.min.js’ from a CDN.

<script src="https://cdn.jsdelivr.net/npm/browser-dtector@latest/browser-dtector.umd.min.js"></script>

3. Initialize the library.

const browser = new window.BrowserDtector(window.navigator.userAgent); 
// or new BrowserDtector()

4. Parse user agent data.

browser.parseUserAgent();

=>

{
  name: "Safari"
  platform: "IPhone"
  userAgent: "Mozilla/5.0 (iPhone; CPU iPhone OS 13_2_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.3 Mobile/15E148 Safari/604.1"
  version: "13.0.3"
  shortVersion: "13"
  isAndroid: false
  isTablet: false
  isMobile: true
  isDesktop: false
  isWebkit: true
  isIE: false
}

5. Get browser data.

browser.getBrowserInfo();

=>

{
  name: "Safari"
  platform: "IPhone"
  userAgent: "Mozilla/5.0 (iPhone; CPU iPhone OS 13_2_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.3 Mobile/15E148 Safari/604.1"
  version: "13.0.3"
  shortVersion: "13"
}

6. Get browser identity.

browser.getBrowserName();

=> Safari

7. Get the browser model.

browser.getBrowserVersion();

=> 13.0.3

8. Get a browser quick version.

browser.getBrowserShortVersion();

=> 13

9. Get platform identity.

browser.getPlatformName();

=> IPhone

Browser Detector & UserAgent Parser, Browser Dtector Plugin/Github

See Demo And Download