Latest Threat ResearchGlassWorm Loader Hits Open VSX via Developer Account Compromise.Details
Socket
Book a DemoInstallSign in
Socket

browser-dtector

Package Overview
Dependencies
Maintainers
1
Versions
17
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

browser-dtector

A Javascript library to detect browser, version and platform

Source
npmnpm
Version
2.0.0
Version published
Weekly downloads
18K
34.32%
Maintainers
1
Weekly downloads
 
Created
Source

browser-dtector Tests

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

Minified:

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

Pretty Printed:

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

Usage

This library is compiled to UMD format, you should be able to use it in both Node.js and browser.

import BrowserDtector from 'browser-dtector';

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

Usage in Node.js:

Note: while using in nodejs, it is mandatory to input useragent.

const http = require('http');
const BrowserDtector = require('browser-dtector');

const browser = new BrowserDtector();

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>BrowserDtector</title>
  </head>

  <body>
    Hello World!
    <script src="//cdn.jsdelivr.net/npm/browser-dtector@latest/browser-dtector.min.js"></script>
    <script>
      const browser = new window.BrowserDtector(window.navigator.userAgent); // or new BrowserDtector()
      console.log(browser.parseUserAgent())
    </script>
  </body>

</html>

Supported Browsers

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

Supported Platforms

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

Demo

API

Sample

import BrowserDtector from 'browser-dtector';

const browser = new BrowserDtector(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"
    }
    
  • getBrowserName() [string]: Returns name of the browser. e.g. Google Chrome

  • getBrowserVersion() [string]: Returns complete browser version. e.g. 71.0.3578.98

  • getBrowserShortVersion() [string]: Returns shorter browser version. e.g. 71

  • getPlatformName() [string]: Returns name of the device e.g. Macintosh

Miscellaneous:

  • userAgent [string]: Useragent for current instance
  • __VERSION__ [string]: Current version of browser-detector library.

Keywords

browser

FAQs

Package last updated on 25 Nov 2019

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts