github_mirrors/ua-parser-js
3
0
Fork 1
mirror of https://github.com/faisalman/ua-parser-js.git synced 2025-09-27 16:08:47 +03:00
Code Issues Packages Projects Releases Wiki Activity

Update description

Browse Source
This commit is contained in:
Faisal Salman 2023-02-07 09:03:44 +07:00
parent 882c6a4e06
commit e7c0d35ce6
2 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
index.html
View File

@ -24,7 +24,9 @@
</h1>
<div class="ui text container">
<h2>
<p><em><a href="https://faisalman.github.io/ua-parser-js">{UAParser.js}</a> abstracts away the hassle of <u>User-Agent</u> detection by turning them into a set of <u>simple</u> & <u>meaningful</u> data so you can focus on what really matters.</em></p><p><em>Now, detecting browser is as simple as <mark> UAParser().getBrowser() </mark></em>
<p><a href="https://faisalman.github.io/ua-parser-js">{UAParser.js}</a> detect Browser, Engine, OS, CPU, and Device type/model from User-Agent data with relatively small footprint (~17KB minified, ~6KB gzipped) that can be used either in browser (client-side) or node.js (server-side).</p>
<p>Now, detecting browser is as simple as <mark> ua.getBrowser() </mark>
</p></h2>
</div>
<img class="ui centered image illustration" src="images/illustration.png"/>
@ -35,10 +37,13 @@
</div>
<div class="ui tall stacked segment">
<div class="ui basic segment">
<p id="ua-txt-info">This is what we get from your User-Agent data: </p>
<p id="ua-txt-info">
{UAParser.js} abstracts away the hassle of User-Agent detection by turning them into a set of simple & meaningful data. As an example, this is what we get from your browser's User-Agent information: </p>
<div class="ui black massive label"><p id="ua-txt"></p><button id="btn-clipboard" class="ui right floated labeled icon violet tiny button" data-clipboard-target="#ua-txt"><i class="clipboard icon"></i>COPY TO CLIPBOARD</button></div>
</div>
<div id="demo-result" class="ui equal width stackable internally celled grid">
<p>
{UAParser.js} reads this as: </p>
<div class="row">
<div class="column">
<div class="ui center aligned animated icon">

6
js/script.js
View File

@ -109,17 +109,17 @@ $(document)
$('#demo-select').dropdown({
values: values,
onChange: function (val) {
$('#ua-txt-info').text('Result for:');
$('#ua-txt-info').text('For a given user-agent:');
updateDemo(val);
}
});
$('#demo-btn').click(function() {
$('#ua-txt-info').text('Result for:');
$('#ua-txt-info').text('For a given user-agent:');
updateDemo($('input[name=custom-ua]').val());
});
$('input[name=custom-ua]').keypress(function (e) {
if (e.which == 13) {
$('#ua-txt-info').text('Result for:');
$('#ua-txt-info').text('For a given user-agent:');
updateDemo($(this).val());
return false;
}