@smartbear/browser-info

Tiny developer-friendly JS library that provides information about host browser

Usage no npm install needed!

<script type="module">
  import smartbearBrowserInfo from 'https://cdn.skypack.dev/@smartbear/browser-info';
</script>

README

Browser Info

GitHub Workflow Status Current Release License: ISC

Tiny (~2KB) vanilla JS developers-friendly library that provides information about host browser and OS. A goal of this library isn't creation of the all-knowing and heavy database. Rather focus is to keep is small and light. Eg if you want to focus on major browsers and platforms.

Demo: https://smartbear.github.io/browser-info/

Supported Browsers and OS

Browsers

  • ✔️ Chrome
  • ✔️ Firefox
  • ✔️ Edge
  • ✔️ Opera
  • ✔️ SamsungInternet
  • ✔️ UCBrowser
  • ✔️ Safari
  • ✔️ InternetExplorer

OS

  • ✔️ Windows
  • ✔️ Windows Phone
  • ✔️ MacOS
  • ✔️ iOS
  • ✔️ iPadOS
  • ✔️ ChromeOS
  • ✔️ Android
  • ✔️ BlackBerry
  • ✔️ webOS
  • ✔️ Linux

Usage

import BrowserInfo from '@smartbear/browser-info'

BrowserInfo.detect(); // if param not given, then it will use navigator.userAgent

console.log(BrowserInfo.name); // print detected browser's name
console.log(BrowserInfo.release); // print detected browser's major release number
console.log(BrowserInfo.version); // print detected browser's version string
console.log(BrowserInfo.os); // print detected OS name

Auto Detect and Embed

In dist directory there is a file with .embed sufix. Importing this library into your UI will cause calling detect() method and assigning BrowserInfo to window.navigator.browserInfo - this way it is accessible globally.

import '@smartbear/browser-info/dist/smartbear-browser-info.embed.min'

console.log(window.navigator.browserInfo);

License

This project is licensed under the ISC License - see the LICENSE file for details.