ua-parser-js/docs/v2/.vitepress/dist/assets/intro_why-ua-parser-js.md.b5f993b6.js

import{_ as s,c as n,o as a,N as l}from"./chunks/framework.eb892692.js";const D=JSON.parse('{"title":"Why UAParser.js","description":"","frontmatter":{},"headers":[],"relativePath":"intro/why-ua-parser-js.md","lastUpdated":null}'),e={name:"intro/why-ua-parser-js.md"},p=l(`<h1 id="why-uaparser-js" tabindex="-1">Why UAParser.js <a class="header-anchor" href="#why-uaparser-js" aria-label="Permalink to &quot;Why UAParser.js&quot;">​</a></h1><hr><p>This illustration sums up why:</p><div class="language-js line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#676E95;font-style:italic;">// Consider we got this user-agent (yes it&#39;s real):</span></span>
<span class="line"><span style="color:#C792EA;">const</span><span style="color:#A6ACCD;"> ua </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">\`</span><span style="color:#C3E88D;">Mozilla/5.0 (Linux; Android 10; STK-LX1 </span></span>
<span class="line"><span style="color:#C3E88D;">Build/HONORSTK-LX1; wv) AppleWebKit/537.36 (KHTML, </span></span>
<span class="line"><span style="color:#C3E88D;">like Gecko) Version/4.0 Chrome/110.0.5481.153 Mobile </span></span>
<span class="line"><span style="color:#C3E88D;">Safari/537.36 musical_ly_2022803040 JsSdk/1.0 </span></span>
<span class="line"><span style="color:#C3E88D;">NetType/WIFI Channel/huaweiadsglobal_int </span></span>
<span class="line"><span style="color:#C3E88D;">AppName/musical_ly app_version/28.3.4 ByteLocale/en </span></span>
<span class="line"><span style="color:#C3E88D;">ByteFullLocale/en Region/IQ Spark/1.2.7-alpha.8 </span></span>
<span class="line"><span style="color:#C3E88D;">AppVersion/28.3.4 PIA/1.5.11 BytedanceWebview/d8a21c6</span><span style="color:#89DDFF;">\`</span><span style="color:#89DDFF;">;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#676E95;font-style:italic;">// what???</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br></div></div><p>Worry not:</p><div class="language-js line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#676E95;font-style:italic;">// Just pass it to \`UAParser\`</span></span>
<span class="line"><span style="color:#C792EA;">const</span><span style="color:#A6ACCD;"> parser </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">new</span><span style="color:#A6ACCD;"> </span><span style="color:#82AAFF;">UAParser</span><span style="color:#A6ACCD;">(ua)</span><span style="color:#89DDFF;">;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#676E95;font-style:italic;">// And voila!</span></span>
<span class="line"><span style="color:#A6ACCD;">console</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">log</span><span style="color:#A6ACCD;">(parser</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">getBrowser</span><span style="color:#A6ACCD;">())</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#676E95;font-style:italic;">// { name : &quot;TikTok&quot;, version : &quot;28.3.4&quot;, major : &quot;28&quot; }</span></span>
<span class="line"></span>
<span class="line"><span style="color:#A6ACCD;">console</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">log</span><span style="color:#A6ACCD;">(parser</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">getEngine</span><span style="color:#A6ACCD;">())</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#676E95;font-style:italic;">// { name : &quot;Blink&quot;, version : &quot;110.0.5481.153&quot; }</span></span>
<span class="line"></span>
<span class="line"><span style="color:#A6ACCD;">console</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">log</span><span style="color:#A6ACCD;">(parser</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">getDevice</span><span style="color:#A6ACCD;">())</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#676E95;font-style:italic;">// { type : &quot;mobile&quot;, vendor : &quot;Huawei&quot;, model : &quot;STK-LX1&quot; }</span></span>
<span class="line"></span>
<span class="line"><span style="color:#A6ACCD;">console</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">log</span><span style="color:#A6ACCD;">(parser</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">getOS</span><span style="color:#A6ACCD;">())</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#676E95;font-style:italic;">// { name : &quot;Android&quot;, version : &quot;10&quot; }</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br></div></div>`,6),o=[p];function r(t,c,i,y,u,A){return a(),n("div",null,o)}const F=s(e,[["render",r]]);export{D as __pageData,F as default};