mirror of
https://github.com/lancedikson/bowser
synced 2026-03-02 03:40:27 +00:00
docs: document user agent client hints addition
This commit is contained in:
@@ -27,7 +27,7 @@
|
||||
|
||||
<nav >
|
||||
|
||||
<h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Bowser.html">Bowser</a><ul class='methods'><li data-type='method'><a href="Bowser.html#.getParser">getParser</a></li><li data-type='method'><a href="Bowser.html#.parse">parse</a></li></ul></li><li><a href="Parser.html">Parser</a><ul class='methods'><li data-type='method'><a href="Parser.html#getBrowser">getBrowser</a></li><li data-type='method'><a href="Parser.html#getBrowserName">getBrowserName</a></li><li data-type='method'><a href="Parser.html#getBrowserVersion">getBrowserVersion</a></li><li data-type='method'><a href="Parser.html#getEngine">getEngine</a></li><li data-type='method'><a href="Parser.html#getEngineName">getEngineName</a></li><li data-type='method'><a href="Parser.html#getOS">getOS</a></li><li data-type='method'><a href="Parser.html#getOSName">getOSName</a></li><li data-type='method'><a href="Parser.html#getOSVersion">getOSVersion</a></li><li data-type='method'><a href="Parser.html#getPlatform">getPlatform</a></li><li data-type='method'><a href="Parser.html#getPlatformType">getPlatformType</a></li><li data-type='method'><a href="Parser.html#getResult">getResult</a></li><li data-type='method'><a href="Parser.html#getUA">getUA</a></li><li data-type='method'><a href="Parser.html#is">is</a></li><li data-type='method'><a href="Parser.html#isBrowser">isBrowser</a></li><li data-type='method'><a href="Parser.html#parse">parse</a></li><li data-type='method'><a href="Parser.html#parseBrowser">parseBrowser</a></li><li data-type='method'><a href="Parser.html#parseEngine">parseEngine</a></li><li data-type='method'><a href="Parser.html#parseOS">parseOS</a></li><li data-type='method'><a href="Parser.html#parsePlatform">parsePlatform</a></li><li data-type='method'><a href="Parser.html#satisfies">satisfies</a></li><li data-type='method'><a href="Parser.html#some">some</a></li><li data-type='method'><a href="Parser.html#test">test</a></li></ul></li></ul><h3>Global</h3><ul><li><a href="global.html#assign">assign</a></li><li><a href="global.html#find">find</a></li><li><a href="global.html#getAndroidVersionName">getAndroidVersionName</a></li><li><a href="global.html#getBrowserAlias">getBrowserAlias</a></li><li><a href="global.html#getBrowserTypeByAlias">getBrowserTypeByAlias</a></li><li><a href="global.html#getFirstMatch">getFirstMatch</a></li><li><a href="global.html#getMacOSVersionName">getMacOSVersionName</a></li><li><a href="global.html#getSecondMatch">getSecondMatch</a></li><li><a href="global.html#getVersionPrecision">getVersionPrecision</a></li><li><a href="global.html#map">map</a></li><li><a href="global.html#matchAndReturnConst">matchAndReturnConst</a></li></ul>
|
||||
<h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Bowser.html">Bowser</a><ul class='methods'><li data-type='method'><a href="Bowser.html#.getParser">getParser</a></li><li data-type='method'><a href="Bowser.html#.parse">parse</a></li></ul></li><li><a href="Parser.html">Parser</a><ul class='methods'><li data-type='method'><a href="Parser.html#getBrandVersion">getBrandVersion</a></li><li data-type='method'><a href="Parser.html#getBrowser">getBrowser</a></li><li data-type='method'><a href="Parser.html#getBrowserName">getBrowserName</a></li><li data-type='method'><a href="Parser.html#getBrowserVersion">getBrowserVersion</a></li><li data-type='method'><a href="Parser.html#getEngine">getEngine</a></li><li data-type='method'><a href="Parser.html#getEngineName">getEngineName</a></li><li data-type='method'><a href="Parser.html#getHints">getHints</a></li><li data-type='method'><a href="Parser.html#getOS">getOS</a></li><li data-type='method'><a href="Parser.html#getOSName">getOSName</a></li><li data-type='method'><a href="Parser.html#getOSVersion">getOSVersion</a></li><li data-type='method'><a href="Parser.html#getPlatform">getPlatform</a></li><li data-type='method'><a href="Parser.html#getPlatformType">getPlatformType</a></li><li data-type='method'><a href="Parser.html#getResult">getResult</a></li><li data-type='method'><a href="Parser.html#getUA">getUA</a></li><li data-type='method'><a href="Parser.html#hasBrand">hasBrand</a></li><li data-type='method'><a href="Parser.html#is">is</a></li><li data-type='method'><a href="Parser.html#isBrowser">isBrowser</a></li><li data-type='method'><a href="Parser.html#isEngine">isEngine</a></li><li data-type='method'><a href="Parser.html#isOS">isOS</a></li><li data-type='method'><a href="Parser.html#isPlatform">isPlatform</a></li><li data-type='method'><a href="Parser.html#parse">parse</a></li><li data-type='method'><a href="Parser.html#parseBrowser">parseBrowser</a></li><li data-type='method'><a href="Parser.html#parseEngine">parseEngine</a></li><li data-type='method'><a href="Parser.html#parseOS">parseOS</a></li><li data-type='method'><a href="Parser.html#parsePlatform">parsePlatform</a></li><li data-type='method'><a href="Parser.html#satisfies">satisfies</a></li><li data-type='method'><a href="Parser.html#some">some</a></li><li data-type='method'><a href="Parser.html#test">test</a></li></ul></li></ul><h3>Global</h3><ul><li><a href="global.html#assign">assign</a></li><li><a href="global.html#find">find</a></li><li><a href="global.html#getAndroidVersionName">getAndroidVersionName</a></li><li><a href="global.html#getBrowserAlias">getBrowserAlias</a></li><li><a href="global.html#getBrowserTypeByAlias">getBrowserTypeByAlias</a></li><li><a href="global.html#getFirstMatch">getFirstMatch</a></li><li><a href="global.html#getMacOSVersionName">getMacOSVersionName</a></li><li><a href="global.html#getSecondMatch">getSecondMatch</a></li><li><a href="global.html#getVersionPrecision">getVersionPrecision</a></li><li><a href="global.html#map">map</a></li><li><a href="global.html#matchAndReturnConst">matchAndReturnConst</a></li></ul>
|
||||
</nav>
|
||||
|
||||
<div id="main">
|
||||
@@ -48,6 +48,17 @@ import platformParsersList from './parser-platforms.js';
|
||||
import enginesParsersList from './parser-engines.js';
|
||||
import Utils from './utils.js';
|
||||
|
||||
/**
|
||||
* @typedef {Object} ClientHints
|
||||
* @property {Array<{brand: string, version: string}>} [brands] Array of brand objects
|
||||
* @property {boolean} [mobile] Whether the device is mobile
|
||||
* @property {string} [platform] Platform name (e.g., "Windows", "macOS")
|
||||
* @property {string} [platformVersion] Platform version
|
||||
* @property {string} [architecture] CPU architecture
|
||||
* @property {string} [model] Device model
|
||||
* @property {boolean} [wow64] Whether running under WoW64
|
||||
*/
|
||||
|
||||
/**
|
||||
* The main class that arranges the whole parsing process.
|
||||
*/
|
||||
@@ -56,21 +67,32 @@ class Parser {
|
||||
* Create instance of Parser
|
||||
*
|
||||
* @param {String} UA User-Agent string
|
||||
* @param {Boolean} [skipParsing=false] parser can skip parsing in purpose of performance
|
||||
* improvements if you need to make a more particular parsing
|
||||
* like {@link Parser#parseBrowser} or {@link Parser#parsePlatform}
|
||||
* @param {Boolean|ClientHints} [skipParsingOrHints=false] Either a boolean to skip parsing,
|
||||
* or a ClientHints object containing User-Agent Client Hints data
|
||||
* @param {ClientHints} [clientHints] User-Agent Client Hints data (navigator.userAgentData)
|
||||
*
|
||||
* @throw {Error} in case of empty UA String
|
||||
*
|
||||
* @constructor
|
||||
*/
|
||||
constructor(UA, skipParsing = false) {
|
||||
constructor(UA, skipParsingOrHints = false, clientHints = null) {
|
||||
if (UA === void (0) || UA === null || UA === '') {
|
||||
throw new Error("UserAgent parameter can't be empty");
|
||||
}
|
||||
|
||||
this._ua = UA;
|
||||
|
||||
// Handle overloaded constructor: (UA, clientHints) or (UA, skipParsing, clientHints)
|
||||
let skipParsing = false;
|
||||
if (typeof skipParsingOrHints === 'boolean') {
|
||||
skipParsing = skipParsingOrHints;
|
||||
this._hints = clientHints;
|
||||
} else if (skipParsingOrHints != null && typeof skipParsingOrHints === 'object') {
|
||||
this._hints = skipParsingOrHints;
|
||||
} else {
|
||||
this._hints = null;
|
||||
}
|
||||
|
||||
/**
|
||||
* @typedef ParsedResult
|
||||
* @property {Object} browser
|
||||
@@ -100,6 +122,65 @@ class Parser {
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Get Client Hints data
|
||||
* @return {ClientHints|null}
|
||||
*
|
||||
* @public
|
||||
* @example
|
||||
* const parser = Bowser.getParser(UA, clientHints);
|
||||
* const hints = parser.getHints();
|
||||
* console.log(hints.platform); // 'Windows'
|
||||
* console.log(hints.mobile); // false
|
||||
*/
|
||||
getHints() {
|
||||
return this._hints;
|
||||
}
|
||||
|
||||
/**
|
||||
* Check if a brand exists in Client Hints brands array
|
||||
* @param {string} brandName The brand name to check for
|
||||
* @return {boolean}
|
||||
*
|
||||
* @public
|
||||
* @example
|
||||
* const parser = Bowser.getParser(UA, clientHints);
|
||||
* if (parser.hasBrand('Google Chrome')) {
|
||||
* console.log('Chrome detected!');
|
||||
* }
|
||||
*/
|
||||
hasBrand(brandName) {
|
||||
if (!this._hints || !Array.isArray(this._hints.brands)) {
|
||||
return false;
|
||||
}
|
||||
const brandLower = brandName.toLowerCase();
|
||||
return this._hints.brands.some(
|
||||
b => b.brand && b.brand.toLowerCase() === brandLower,
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* Get brand version from Client Hints
|
||||
* @param {string} brandName The brand name to get version for
|
||||
* @return {string|undefined}
|
||||
*
|
||||
* @public
|
||||
* @example
|
||||
* const parser = Bowser.getParser(UA, clientHints);
|
||||
* const version = parser.getBrandVersion('Google Chrome');
|
||||
* console.log(version); // '131'
|
||||
*/
|
||||
getBrandVersion(brandName) {
|
||||
if (!this._hints || !Array.isArray(this._hints.brands)) {
|
||||
return undefined;
|
||||
}
|
||||
const brandLower = brandName.toLowerCase();
|
||||
const brand = this._hints.brands.find(
|
||||
b => b.brand && b.brand.toLowerCase() === brandLower,
|
||||
);
|
||||
return brand ? brand.version : undefined;
|
||||
}
|
||||
|
||||
/**
|
||||
* Get UserAgent string of current Parser instance
|
||||
* @return {String} User-Agent String of the current <Parser> object
|
||||
@@ -131,7 +212,7 @@ class Parser {
|
||||
return _browser.test(this);
|
||||
}
|
||||
|
||||
if (_browser.test instanceof Array) {
|
||||
if (Array.isArray(_browser.test)) {
|
||||
return _browser.test.some(condition => this.test(condition));
|
||||
}
|
||||
|
||||
@@ -139,7 +220,7 @@ class Parser {
|
||||
});
|
||||
|
||||
if (browserDescriptor) {
|
||||
this.parsedResult.browser = browserDescriptor.describe(this.getUA());
|
||||
this.parsedResult.browser = browserDescriptor.describe(this.getUA(), this);
|
||||
}
|
||||
|
||||
return this.parsedResult.browser;
|
||||
@@ -214,7 +295,7 @@ class Parser {
|
||||
return _os.test(this);
|
||||
}
|
||||
|
||||
if (_os.test instanceof Array) {
|
||||
if (Array.isArray(_os.test)) {
|
||||
return _os.test.some(condition => this.test(condition));
|
||||
}
|
||||
|
||||
@@ -290,7 +371,7 @@ class Parser {
|
||||
return _platform.test(this);
|
||||
}
|
||||
|
||||
if (_platform.test instanceof Array) {
|
||||
if (Array.isArray(_platform.test)) {
|
||||
return _platform.test.some(condition => this.test(condition));
|
||||
}
|
||||
|
||||
@@ -341,7 +422,7 @@ class Parser {
|
||||
return _engine.test(this);
|
||||
}
|
||||
|
||||
if (_engine.test instanceof Array) {
|
||||
if (Array.isArray(_engine.test)) {
|
||||
return _engine.test.some(condition => this.test(condition));
|
||||
}
|
||||
|
||||
@@ -452,7 +533,7 @@ class Parser {
|
||||
|
||||
/**
|
||||
* Check if the browser name equals the passed string
|
||||
* @param browserName The string to compare with the browser name
|
||||
* @param {string} browserName The string to compare with the browser name
|
||||
* @param [includingAlias=false] The flag showing whether alias will be included into comparison
|
||||
* @returns {boolean}
|
||||
*/
|
||||
@@ -503,14 +584,29 @@ class Parser {
|
||||
) > -1;
|
||||
}
|
||||
|
||||
/**
|
||||
* Check if the OS name equals the passed string
|
||||
* @param {string} osName The string to compare with the OS name
|
||||
* @returns {boolean}
|
||||
*/
|
||||
isOS(osName) {
|
||||
return this.getOSName(true) === String(osName).toLowerCase();
|
||||
}
|
||||
|
||||
/**
|
||||
* Check if the platform type equals the passed string
|
||||
* @param {string} platformType The string to compare with the platform type
|
||||
* @returns {boolean}
|
||||
*/
|
||||
isPlatform(platformType) {
|
||||
return this.getPlatformType(true) === String(platformType).toLowerCase();
|
||||
}
|
||||
|
||||
/**
|
||||
* Check if the engine name equals the passed string
|
||||
* @param {string} engineName The string to compare with the engine name
|
||||
* @returns {boolean}
|
||||
*/
|
||||
isEngine(engineName) {
|
||||
return this.getEngineName(true) === String(engineName).toLowerCase();
|
||||
}
|
||||
@@ -552,7 +648,7 @@ export default Parser;
|
||||
<br class="clear">
|
||||
|
||||
<footer>
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Sat Sep 12 2020 11:21:13 GMT+0300 (Eastern European Summer Time) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Feb 06 2026 21:15:18 GMT+0000 (Coordinated Universal Time) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
|
||||
</footer>
|
||||
|
||||
<script>prettyPrint();</script>
|
||||
|
||||
Reference in New Issue
Block a user