mirror of
https://github.com/faisalman/ua-parser-js.git
synced 2025-11-16 07:02:16 +03:00
Update @Cloud descriptions
This commit is contained in:
Faisal Salman
89
index.html
89
index.html
@@ -27,7 +27,6 @@
|
||||
<script src="js/ua-parser.js"></script>
|
||||
<script src="js/ua-list-example.js"></script>
|
||||
<script src="js/script.js"></script>
|
||||
<script defer src="https://app.tinyanalytics.io/pixel/9nNpPJDLeUns0LD3"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
|
||||
<script src="https://assets.lemonsqueezy.com/lemon.js" defer></script>
|
||||
<script src="//code.tidio.co/hu6mx7fw2r6llmfzxj5llesd5l51q5dv.js" async></script>
|
||||
@@ -41,7 +40,7 @@
|
||||
<h2>Abstracts Away The Hassle of User-Agent Detection</h2>
|
||||
<a href="#demo" class="ui violet large button"><i class="magic icon"></i>Demo</a>
|
||||
<a href="#download" class="ui blue large button"><i class="download icon"></i>Download</a>
|
||||
<a href="#cloud" class="ui red large button"><i class="cloud icon"></i>@cloud</a>
|
||||
<a href="#cloud" class="ui red large button"><i class="cloud icon"></i>@Cloud API / MCP</a>
|
||||
<a href="https://docs.uaparser.dev" class="ui green large button" target="_blank"><i class="book icon"></i>Docs <i class="icon arrow circle right"></i></a>
|
||||
</div>
|
||||
<img alt="UAParser.js Illustration" class="ui centered image illustration" src="images/uap-illustrations.png" />
|
||||
@@ -76,15 +75,21 @@
|
||||
class="clipboard icon"></i>COPY TO CLIPBOARD</button>
|
||||
</div>
|
||||
<div class="ui basic segment center aligned">
|
||||
<p class="what-provides" id="ua-txt-info">
|
||||
What your browser tells you = 😵💫 🤯 ❌
|
||||
</p>
|
||||
<div class="what-provides" id="ua-txt-info">
|
||||
What your browser tells you = 😵💫💢 😭💸
|
||||
<span class="ui mini red label">Complex</span>
|
||||
<span class="ui mini red label">Costly</span>
|
||||
<span class="ui mini red label">Expensive</span>
|
||||
</div>
|
||||
<div class="ui horizontal divider">
|
||||
VS
|
||||
</div>
|
||||
<p class="what-provides">
|
||||
What UAParser.js provides = 🙂 💲💲💲 ✅
|
||||
</p>
|
||||
<div class="what-provides">
|
||||
What UAParser.js gives you = 🙂✨💡💰 ✅
|
||||
<span class="ui mini green label">Smart</span>
|
||||
<span class="ui mini green label">Insightful</span>
|
||||
<span class="ui mini green label">Valuable</span>
|
||||
</div>
|
||||
</div>
|
||||
<pre><code id="ua-result" class="language-json"></code></pre>
|
||||
</div>
|
||||
@@ -219,30 +224,30 @@
|
||||
<div class="column">
|
||||
<div class="ui basic segment">
|
||||
<h3 class="ui header">
|
||||
<i class="filter icon"></i>
|
||||
<div class="content">Extracts Valuable Data</div>
|
||||
<i class="tasks icon"></i>
|
||||
<div class="content">Clean & Well-Structured</div>
|
||||
</h3>
|
||||
<p>UAParser.js filters the noise away and only extracts the most meaningful data in a well-structured format.</p>
|
||||
<p>Effortless user-agent detection integration.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="ui basic segment">
|
||||
<h3 class="ui header">
|
||||
<i class="bolt icon"></i>
|
||||
<div class="content">Vast Detection Categories</div>
|
||||
</h3>
|
||||
<p>Detects various devices, browsers, bots, and more.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="ui basic segment">
|
||||
<h3 class="ui header">
|
||||
<i class="paper plane icon"></i>
|
||||
<div class="content">Relatively Small Footprint</div>
|
||||
</h3>
|
||||
<p>While UAParser.js covers a vast range of detection, on the other hand its size is always kept to be as light as possible.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="ui basic segment">
|
||||
<h3 class="ui header">
|
||||
<i class="js square icon"></i>
|
||||
<div class="content">
|
||||
Zero-deps Vanilla JS
|
||||
Minimal Footprint
|
||||
</div>
|
||||
</h3>
|
||||
<p>No dependencies, bloated framework, unnecessary boilerplate, transpiler, or large-sized files required.</p>
|
||||
<p>Maintains optimal app performance.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -250,32 +255,32 @@
|
||||
<div class="column">
|
||||
<div class="ui basic segment">
|
||||
<h3 class="ui header">
|
||||
<i class="github icon"></i>
|
||||
<i class="magic icon"></i>
|
||||
<div class="content">
|
||||
100% Open Source
|
||||
Isomorphic Library
|
||||
</div>
|
||||
</h3>
|
||||
<p>UAParser.js is open source from the start. If you need more flexibility, PRO licenses are also available.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="ui basic segment">
|
||||
<h3 class="ui header">
|
||||
<i class="keyboard icon"></i>
|
||||
<div class="content">
|
||||
Best Developer Experience
|
||||
</div>
|
||||
</h3>
|
||||
<p>UAParser.js generates a plugin for jQuery user, and provides predefined type declarations for TypeScript user.</p>
|
||||
<p>Compatible with both browser and Node.js.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="ui basic segment">
|
||||
<h3 class="ui header">
|
||||
<i class="npm icon"></i>
|
||||
<div class="content">Client-side & Server-side</div>
|
||||
<div class="content">
|
||||
Public npm Package
|
||||
</div>
|
||||
</h3>
|
||||
<p>UAParser.js is an isomorphic JavaScript library, it can be run either in browser or node.js environment.
|
||||
<p>Easily integrates into your workflow.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="ui basic segment">
|
||||
<h3 class="ui header">
|
||||
<i class="sync icon"></i>
|
||||
<div class="content">Lifetime Updates</div>
|
||||
</h3>
|
||||
<p>Stay up to date with evolving trends.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1297,7 +1302,7 @@ $ npx ua-parser-js "Flock/2.16 (Zenwalk 7.3; es_PR;)" >> log.txt
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ui horizontal divider">
|
||||
<!--div class="ui horizontal divider">
|
||||
SUPPORTED BY THE AMAZING OPEN-SOURCE COMMUNITIES
|
||||
</div>
|
||||
<div class="ui tall stacked segment">
|
||||
@@ -1331,7 +1336,7 @@ $ npx ua-parser-js "Flock/2.16 (Zenwalk 7.3; es_PR;)" >> log.txt
|
||||
<a href="https://github.com/sponsors/faisalman" class="ui labeled icon black large button" target="_blank">
|
||||
<i class="github alternate icon"></i>GITHUB SPONSORS</a>
|
||||
</div>
|
||||
</div>
|
||||
</div-->
|
||||
<div class="ui horizontal divider">
|
||||
CHOOSE YOUR DOWNLOAD PACKAGE
|
||||
</div>
|
||||
@@ -1540,10 +1545,10 @@ $ npx ua-parser-js "Flock/2.16 (Zenwalk 7.3; es_PR;)" >> log.txt
|
||||
</div>
|
||||
<div class="ui tall stacked segment">
|
||||
<div class="ui basic centered segment" id="cloud">
|
||||
<h2 class="ui dividing header">UAParser @cloud<div class="floating ui red massive label">NEW</div><div class="sub header">Our @cloud REST API web service offers seamless integration with any tech stack</div>
|
||||
<h2 class="ui dividing header">UAParser @Cloud<div class="floating ui red massive label">NEW</div><div class="sub header">Our @Cloud REST API / MCP service offers seamless integration with any tech stack or AI agent</div>
|
||||
</h2>
|
||||
<a href="/cloud" target="_blank"><img alt="UAParser.js Illustration" class="ui centered image illustration" src="images/uap-cloud-api.png" /></a>
|
||||
<pre><code># Example
|
||||
<pre><code># REST API Example
|
||||
POST https://api.uaparser.dev/cloud/v1/identify/device
|
||||
|
||||
Content-Type: application/json
|
||||
|
||||
Reference in New Issue
Block a user