<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Mobile on David Hamp-Gonsalves</title><link>https://davidhampgonsalves.com/tags/mobile/</link><description>Recent content in Mobile on David Hamp-Gonsalves</description><generator>Hugo</generator><language>en-US</language><lastBuildDate>Mon, 21 Oct 2013 00:00:00 +0000</lastBuildDate><atom:link href="https://davidhampgonsalves.com/tags/mobile/index.xml" rel="self" type="application/rss+xml"/><item><title>Detecting Mobile Device from Javascript</title><link>https://davidhampgonsalves.com/detecting-mobile-device-from-javascript/</link><pubDate>Mon, 21 Oct 2013 00:00:00 +0000</pubDate><guid>https://davidhampgonsalves.com/detecting-mobile-device-from-javascript/</guid><description>&lt;p&gt;This is a pretty lightweight way of detecting when your javascript is living in a mobile device.&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-javascript" data-lang="javascript"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#66d9ef"&gt;if&lt;/span&gt;(&lt;span style="color:#66d9ef"&gt;typeof&lt;/span&gt; window.&lt;span style="color:#a6e22e"&gt;orientation&lt;/span&gt; &lt;span style="color:#f92672"&gt;!=&lt;/span&gt; &lt;span style="color:#e6db74"&gt;&amp;#39;undefined&amp;#39;&lt;/span&gt;) { &lt;span style="color:#75715e"&gt;/* put mobile spesific code here */&lt;/span&gt; }
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;To omit spesific devices from running this code you can also add individual checks like the following.&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-javascript" data-lang="javascript"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#66d9ef"&gt;if&lt;/span&gt;(&lt;span style="color:#66d9ef"&gt;typeof&lt;/span&gt; window.&lt;span style="color:#a6e22e"&gt;orientation&lt;/span&gt; &lt;span style="color:#f92672"&gt;!=&lt;/span&gt; &lt;span style="color:#e6db74"&gt;&amp;#39;undefined&amp;#39;&lt;/span&gt; &lt;span style="color:#f92672"&gt;&amp;amp;&amp;amp;&lt;/span&gt; &lt;span style="color:#f92672"&gt;!&lt;/span&gt;&lt;span style="color:#a6e22e"&gt;navigator&lt;/span&gt;.&lt;span style="color:#a6e22e"&gt;userAgent&lt;/span&gt;.&lt;span style="color:#a6e22e"&gt;match&lt;/span&gt;(&lt;span style="color:#e6db74"&gt;/iPad/i&lt;/span&gt;)) {
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#75715e"&gt;/* put mobile spesific(but not ipad) code here */&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;}
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;This is a mix of the answers found on &lt;a href="http://stackoverflow.com/questions/11381673/javascript-solution-to-detect-mobile-browser"&gt;stack overflow&lt;/a&gt;.&lt;/p&gt;</description></item></channel></rss>