browser-dtector

A Javascript library to detect browser, version and platform

Getting Started

Installation

Install via Package managers such as npm or yarn

npm install browser-dtector --save
# or
yarn add browser-dtector

or use cdn

//cdn.jsdelivr.net/npm/browser-dtector@latest/dist/browser-dtector.js

Usage

This library exports both ESM and CJS formats, you should be able to use it in both Node.js and browser.

import BrowserDetector from 'browser-dtector';

const browser = new BrowserDetector(window.navigator.userAgent);
browser.parseUserAgent();

Usage in Node.js:

Important

While using in nodejs, it is mandatory to input useragent.

const http = require('http');
const { BrowserDetector } = require('browser-dtector');

const browser = new BrowserDetector();

http
  .createServer((req, res) => {
    // get user-agent header
    const ua = browser.parseUserAgent(req.headers['user-agent']);
    // write the result as response
    res.end(JSON.stringify(ua, null, 4));
  })
  .listen(8080, '127.0.0.1');

console.log('Server running at http://127.0.0.1:8080/');

Usage in HTML:

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>BrowserDetector</title>
  </head>

  <body>
    Hello World!
    <script type="module">
      import BrowserDetector from 'https://cdn.jsdelivr.net/npm/browser-dtector/dist/browser-dtector.js';

      const detector = new BrowserDetector(window.navigator.userAgent);
      console.log(detector.parseUserAgent());
    </script>
  </body>
</html>

Supported Browsers

Google Chrome
Mozilla Firefox
Microsoft Edge
Safari
Brave
Microsoft Internet Explorer
Opera
Samsung Browser
Electron

Supported Platforms

Macintosh
Microsoft Windows
Linux
Windows Phone
Android
Android Tablet
IPad
IPhone
Chrome OS
Microsoft Xbox

Demo

Browser Detector: https://sibiraj-s.github.io/browser-dtector/#/
UserAgent Parser: https://sibiraj-s.github.io/browser-dtector/#/ua-parser/

API

Sample

import BrowserDetector from 'browser-dtector';

const browser = new BrowserDetector(window.navigator.userAgent);
browser.parseUserAgent();

parseUserAgent() [object]: Returns parsed useragent info

{
  "name": "Google Chrome",
  "platform": "Macintosh",
  "userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_2) AppleWebKit/537.36 (KHTML, like Gecko) ...",
  "version": "71.0.3578.98",
  "shortVersion": "71",
  "isAndroid": false,
  "isTablet": false,
  "isMobile": false,
  "isDesktop": true,
  "isWebkit": true,
  "isIE": false
}

getBrowserInfo() [object]: Returns a minimal and necessary browser info.

{
  "name": "Google Chrome",
  "platform": "Macintosh",
  "userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_2) AppleWebKit/537.36 (KHTML, like Gecko) ...",
  "version": "71.0.3578.98",
  "shortVersion": "71"
}

userAgent [string | null]: Useragent for current instance

Miscellaneous:

BrowserDetector.VERSION [string]: Current version of the library.