github_mirrors/ua-parser-js
3
0
Fork 1
mirror of https://github.com/faisalman/ua-parser-js.git synced 2025-11-15 06:32:14 +03:00
Code Issues Packages Projects Releases Wiki Activity

Update to 2.0.6, change default font

Browse Source
This commit is contained in:
Faisal Salman
2025-10-30 12:38:15 +07:00
parent df50849212
commit 2e8628aef6
3 changed files with 61 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
index.html
View File

@@ -88,8 +88,8 @@
</h2>
</div>
<div class="ui basic segment">
<span class="ui large basic label">😵‍💫💢 Complex</span>
<span class="ui large basic label">🫤❓ Unpredictable</span>
<span class="ui large basic label">😵‍💫💢 Confusing</span>
<span class="ui large basic label">🫤❓ Inconsistent</span>
<span class="ui large basic label">😭💸 Costly</span>
</div>
</div>
@@ -102,7 +102,7 @@
<div class="ui basic segment">
<span class="ui large basic label">🙂✨ Concise</span>
<span class="ui large basic label">🙂💡 Insightful</span>
<span class="ui large basic label">🙂💰 Valuable</span>
<span class="ui large basic label">🙂💰 Cost-efficient</span>
</div>
</div>
</div>
@@ -129,7 +129,7 @@
<div id="demo-result">
<div class="ui equal width stackable internally celled grid">
<div class="column">
<div class="ui tag large label">
<div class="ui large label">
<i class="edge icon"></i>
Browser
</div>
@@ -141,7 +141,7 @@
</div>
</div>
<div class="column">
<div class="ui tag large label">
<div class="ui large label">
<i class="windows icon"></i>
OS
</div>
@@ -153,7 +153,7 @@
</div>
</div>
<div class="column">
<div class="ui tag large label">
<div class="ui large label">
<i class="microchip icon"></i>
CPU Architecture
</div>
@@ -168,7 +168,7 @@
<div class="ui fitted divider"></div>
<div class="ui equal width stackable internally celled grid">
<div class="column">
<div class="ui tag large label">
<div class="ui large label">
<i class="tv icon"></i>
Device Type
</div>
@@ -180,9 +180,9 @@
</div>
</div>
<div class="column">
<div class="ui tag large label">
<div class="ui large label">
<i class="mobile alternate icon"></i>
Device Vendor & Model
Device Model
</div>
<div class="ui basic segment">
<img alt="detected device vendor icon" class="ui tiny centered image" id="device-img" src="">
@@ -195,7 +195,7 @@
<div class="ui fitted divider"></div>
<div class="ui equal width stackable internally celled grid">
<div class="column">
<div class="ui tag large label">
<div class="ui large label">
<i class="globe icon"></i>
Category
</div>
@@ -207,7 +207,7 @@
</div>
</div>
<div class="column">
<div class="ui tag large label">
<div class="ui large label">
<i class="cog icon"></i>
Engine
</div>
@@ -221,7 +221,7 @@
</div-->
</div>
<div class="column">
<div class="ui tag large label">
<div class="ui large label">
<i class="user secret icon"></i>
isBot()
</div>
@@ -233,7 +233,7 @@
</div>
</div>
<div class="column">
<div class="ui tag large label">
<div class="ui large label">
<i class="bug icon"></i>
isAICrawler()
</div>
@@ -252,13 +252,13 @@
</div>
<form class="ui large form">
<div class="field">
<label>Pick another User-Agent to test:</label>
<label>Select a User-Agent example:</label>
<select class="ui search dropdown" id="demo-select">
<option value="">Select</option>
</select>
</div>
<div class="field">
<label>OR simply type any User-Agent that you want to check:</label>
<label>OR enter your own User-Agent to test:</label>
<div class="ui right action input">
<input type="text" name="custom-ua"
placeholder="Mozilla/5.0 (Linux; U; Android 4.0.3; H4NY4-C0NT0H Build/CR7) . . . .">
@@ -303,18 +303,18 @@
<div class="ui basic segment">
<h3 class="ui header">
<i class="teal tasks icon"></i>
<div class="content">Clean & Well-Structured</div>
<div class="content">Clean & Organized</div>
</h3>
<p>Effortless, intuitive API with clear output.</p>
<p>Effortless, intuitive API delivering clear, consistent results.</p>
</div>
</div>
<div class="column">
<div class="ui basic segment">
<h3 class="ui header">
<i class="orange bolt icon"></i>
<div class="content">Wide Detection Coverage</div>
<div class="content">Wide Coverage</div>
</h3>
<p>Detects various devices, browsers, bots, and more.</p>
<p>Detects various devices, browsers, bots, apps, and more.</p>
</div>
</div>
<div class="column">
@@ -338,7 +338,7 @@
Works Everywhere
</div>
</h3>
<p>Runs seamlessly in browser and Node.js.</p>
<p>Runs seamlessly across browsers and Node.js.</p>
</div>
</div>
<div class="column">
@@ -631,7 +631,7 @@ $ npx ua-parser-js "Flock/2.16 (Zenwalk 7.3; es_PR;)" >> log.txt
</div>
</div-->
<div class="ui horizontal divider">
LOVED BY DEVELOPERS
TESTIMONIALS: LOVED BY DEVELOPERS WORLDWIDE
</div>
<div class="ui tall stacked very padded segment">
<div class="ui equal width stackable divided grid">
@@ -647,7 +647,7 @@ $ npx ua-parser-js "Flock/2.16 (Zenwalk 7.3; es_PR;)" >> log.txt
5/5
</div>
<div class="description">
<p class="code"><em>"A great utility library to have when you're
<p><em>"A great utility library to have when you're
investigating what kind of users are visiting your website and
how you can improve their UX. Supports most browsers out
there."</em></p>
@@ -663,7 +663,7 @@ $ npx ua-parser-js "Flock/2.16 (Zenwalk 7.3; es_PR;)" >> log.txt
5/5
</div>
<div class="description">
<p class="code"><em>"Thanks to the awesome people who make life so much easier for developers.. The evolution of the internet has made it critical that we detect the user's device type accurately to make our apps function better and look better."</em>.</p>
<p><em>"Thanks to the awesome people who make life so much easier for developers.. The evolution of the internet has made it critical that we detect the user's device type accurately to make our apps function better and look better."</em>.</p>
<p><strong>The-Linguist</strong></p>
</div>
</div>
@@ -682,7 +682,7 @@ $ npx ua-parser-js "Flock/2.16 (Zenwalk 7.3; es_PR;)" >> log.txt
5/5
</div>
<div class="description">
<p class="code"><em>"I've been using your library for a long time and it
<p><em>"I've been using your library for a long time and it
totally rocks!"</em>.</p>
<p><strong>Christian Rich</strong></p>
</div>
@@ -696,7 +696,7 @@ $ npx ua-parser-js "Flock/2.16 (Zenwalk 7.3; es_PR;)" >> log.txt
5/5
</div>
<div class="description">
<p class="code"><em>"Thank you for putting out this very useful
<p><em>"Thank you for putting out this very useful
library!"</em>.</p>
<p><strong>Anuj Nijhawan</strong></p>
</div>
@@ -710,7 +710,7 @@ $ npx ua-parser-js "Flock/2.16 (Zenwalk 7.3; es_PR;)" >> log.txt
5/5
</div>
<div class="description">
<p class="code"><em>"For years, it has been appreciated as a valuable tool for web developers. Its ability to accurately parse user agent strings.. has made it an essential library for many of us."</em>.</p>
<p><em>"For years, it has been appreciated as a valuable tool for web developers. Its ability to accurately parse user agent strings.. has made it an essential library for many of us."</em>.</p>
<p><strong>LogRocket</strong></p>
</div>
</div>
@@ -722,14 +722,14 @@ $ npx ua-parser-js "Flock/2.16 (Zenwalk 7.3; es_PR;)" >> log.txt
</div>
</div>
<div class="ui horizontal divider">
TRUSTED BY TOP TECH COMPANIES
SHOWCASE: TRUSTED BY LEADING TECH COMPANIES
</div>
<div class="ui tall stacked very padded segment" id="showcase">
<div class="ui basic centered segment">
<h2 class="ui dividing header">
<i class="flask icon"></i>
<div class="content">
Case Studies<div class="sub header">Hover over the company logo to see projects that use UAParser.js</div>
Case Studies<div class="sub header">Discover how leading companies use UAParser.js</div>
</div>
</h2>
</div>
@@ -1414,9 +1414,9 @@ $ npx ua-parser-js "Flock/2.16 (Zenwalk 7.3; es_PR;)" >> log.txt
<div class="ui sub header">Non-commercial usage</div>
<div class="description">
<ul class="ui list">
<li>Full detection features</li>
<li>npm & downloadable</li>
<li>Non-commercial use</li>
<li>Full features</li>
<li>npm-ready</li>
<li>Non-commercial usage rights</li>
<li>Unlimited deployments</li>
<li>1 year support</li>
<li>Lifetime updates</li>
@@ -1438,9 +1438,9 @@ $ npx ua-parser-js "Flock/2.16 (Zenwalk 7.3; es_PR;)" >> log.txt
<div class="ui sub header">1 End-Product per 1 License</div>
<div class="description">
<ul class="ui list">
<li>Full detection features</li>
<li>npm & downloadable</li>
<li>Commercial rights</li>
<li>Full features</li>
<li>npm-ready</li>
<li>Commercial usage rights</li>
<li><span data-tooltip="This license allows you to deliver the end-product as 1 client work, or to host the end-product on 1 top-level domain">1 TLD per 1 license</span></li>
<li>1 year support</li>
<li>Lifetime updates</li>
@@ -1462,9 +1462,9 @@ $ npx ua-parser-js "Flock/2.16 (Zenwalk 7.3; es_PR;)" >> log.txt
<div class="ui sub header">Full usage rights</div>
<div class="description">
<ul class="ui list">
<li>Full detection features</li>
<li>npm & downloadable</li>
<li>Commercial rights</li>
<li>Full features</li>
<li>npm-ready</li>
<li>Commercial usage rights</li>
<li>Unlimited deployments</li>
<li>1 year support</li>
<li>Lifetime updates</li>

13
js/ua-parser.js
View File

File diff suppressed because one or more lines are too long

44
semantic-ui/semantic.css
View File

@@ -8,7 +8,7 @@
* http://opensource.org/licenses/MIT
*
*/
@import url('https://fonts.googleapis.com/css?family=EB+Garamond:500|Source+Code+Pro:500|Source+Sans+Pro:400,700,400italic,700italic&subset=latin');
@import url('https://fonts.googleapis.com/css?family=Sora:400,700|EB+Garamond:500|Source+Code+Pro:500|Source+Sans+Pro:400,700,400italic,700italic&subset=latin');
/*!
* # Semantic UI 2.5.0 - Reset
* http://github.com/semantic-org/semantic-ui/
@@ -564,7 +564,7 @@ body {
overflow-x: hidden;
min-width: 320px;
background: #FFFFFF;
font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-family: 'Sora', 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 1.4285em;
color: rgba(0, 0, 0, 0.87);
@@ -580,7 +580,7 @@ h2,
h3,
h4,
h5 {
font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-family: 'Sora', 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
line-height: 1.28571429em;
margin: calc(2rem - 0.14285714em ) 0em 1rem;
font-weight: bold;
@@ -783,7 +783,7 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover {
vertical-align: baseline;
background: #E0E1E2 none;
color: rgba(0, 0, 0, 0.6);
font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-family: 'Sora', 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
margin: 0em 0.25em 0em 0em;
padding: 0.78571429em 1.5em 0.78571429em;
text-transform: none;
@@ -4966,7 +4966,7 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover {
/* Text Container */
.ui.text.container {
font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-family: 'Sora', 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
max-width: 700px !important;
line-height: 1.5;
}
@@ -6573,7 +6573,7 @@ i.flag.zimbabwe:before {
border: none;
margin: calc(2rem - 0.14285714em ) 0em 1rem;
padding: 0em 0em;
font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-family: 'Sora', 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 1.28571429em;
text-transform: none;
@@ -13867,7 +13867,7 @@ img.ui.bordered.image {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
text-align: left;
line-height: 1.21428571em;
font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-family: 'Sora', 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
padding: 0.67857143em 1em;
background: #FFFFFF;
border: 1px solid rgba(34, 36, 38, 0.15);
@@ -15969,7 +15969,7 @@ ol.ui.list ol li,
.ui.list > .item .header {
display: block;
margin: 0em;
font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-family: 'Sora', 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-weight: bold;
color: rgba(0, 0, 0, 0.87);
}
@@ -18986,7 +18986,7 @@ ol.ui.horizontal.list li:before,
/* Title */
.ui.steps .step .title {
font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-family: 'Sora', 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-size: 1.14285714em;
font-weight: bold;
}
@@ -19736,7 +19736,7 @@ ol.ui.horizontal.list li:before,
.ui.form input[type="text"],
.ui.form input[type="file"],
.ui.form input[type="url"] {
font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-family: 'Sora', 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
margin: 0em;
outline: none;
-webkit-appearance: none;
@@ -22989,7 +22989,7 @@ ol.ui.horizontal.list li:before,
.ui.menu {
display: flex;
margin: 1rem 0em;
font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-family: 'Sora', 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
background: #FFFFFF;
font-weight: normal;
border: 1px solid rgba(34, 36, 38, 0.15);
@@ -25219,7 +25219,7 @@ Floated Menu / Item
.ui.message .header {
display: block;
font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-family: 'Sora', 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-weight: bold;
margin: -0.14285714em 0em 0rem 0em;
}
@@ -27427,7 +27427,7 @@ Floated Menu / Item
.ui.card > .content > .header {
display: block;
margin: '';
font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-family: 'Sora', 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
color: rgba(0, 0, 0, 0.85);
}
@@ -29030,7 +29030,7 @@ a.ui.card:hover,
.ui.items > .item > .content > .header {
display: inline-block;
margin: -0.21425em 0em 0em;
font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-family: 'Sora', 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-weight: bold;
color: rgba(0, 0, 0, 0.85);
}
@@ -29474,7 +29474,7 @@ a.ui.card:hover,
.ui.statistics .statistic > .value,
.ui.statistic > .value {
font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-family: 'Sora', 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-size: 4rem;
font-weight: normal;
line-height: 1em;
@@ -29489,7 +29489,7 @@ a.ui.card:hover,
.ui.statistics .statistic > .label,
.ui.statistic > .label {
font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-family: 'Sora', 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
color: rgba(0, 0, 0, 0.87);
@@ -30024,7 +30024,7 @@ a.ui.card:hover,
.ui.accordion .title:not(.ui) {
padding: 0.5em 0em;
font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-family: 'Sora', 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-size: 1em;
color: rgba(0, 0, 0, 0.87);
}
@@ -32978,7 +32978,7 @@ select.ui.dropdown {
.ui.modal > .header {
display: block;
font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-family: 'Sora', 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
background: #FFFFFF;
margin: 0em;
padding: 1.25rem 1.5rem;
@@ -33736,7 +33736,7 @@ a.ui.nag {
.ui.popup > .header {
padding: 0em;
font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-family: 'Sora', 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-size: 1.14285714em;
line-height: 1.2;
font-weight: bold;
@@ -35450,7 +35450,7 @@ a.ui.nag {
.ui.search > .results .result .title {
margin: -0.14285714em 0em 0em;
font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-family: 'Sora', 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1em;
color: rgba(0, 0, 0, 0.85);
@@ -35476,7 +35476,7 @@ a.ui.nag {
}
.ui.search > .results > .message .header {
font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-family: 'Sora', 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-size: 1rem;
font-weight: bold;
color: rgba(0, 0, 0, 0.87);
@@ -35688,7 +35688,7 @@ a.ui.nag {
width: 100px;
white-space: nowrap;
background: transparent;
font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-family: 'Sora', 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-size: 1em;
padding: 0.4em 1em;
font-weight: bold;