browser-dtector
Advanced tools
A Javascript library to detect browser, version and platform
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
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:
Note: 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>
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:
string]: Current version of the library.FAQs
A Javascript library to detect browser, version and platform
The npm package browser-dtector receives a total of 6,559 weekly downloads. As such, browser-dtector popularity was classified as popular.
We found that browser-dtector demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
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.
Product
Socket’s new Tier 1 Reachability filters out up to 80% of irrelevant CVEs, so security teams can focus on the vulnerabilities that matter.
Research
/Security News
Ongoing npm supply chain attack spreads to DuckDB: multiple packages compromised with the same wallet-drainer malware.
Security News
The MCP Steering Committee has launched the official MCP Registry in preview, a central hub for discovering and publishing MCP servers.