what is the best way to show an additional div with content in all devices(ipad/iphone/android) but not in desktop browsers

Question

i have two div blocks in my code

1. <div class="for-devices">

    //some additional elements

   </div>

2. <div class="for-desktops">

     //some additional elements

   </div>

my question is what is the best way to show .for-devices div for devices and .for-desktops for desktops. If we access page from devices .for-desktop div should be removed and if we access page from desktops .for-devices should be removed.

Check the related question on the right.... you have your answer there. — Karl-André Gagnon, Apr 23 '14 at 12:44
possible duplicate of [What is the best way to detect a handheld device in jQuery?](http://stackoverflow.com/questions/3514784/what-is-the-best-way-to-detect-a-handheld-device-in-jquery) — Karl-André Gagnon, Apr 23 '14 at 12:44

Rohit Batham · Answer 1 · 2014-04-23T13:14:01.070

1

var UserAgent = navigator.userAgent.toLowerCase();

function DetectDevice()
{
   if (UserAgent.search("ipad") > -1 || UserAgent.search("iphone") > -1 || UserAgent.search("android") > -1){
      // Code for above devices
   }
}

DetectDevice();

edited Apr 23 '14 at 13:14

answered Apr 23 '14 at 12:58

Rohit Batham

1,238
1
9
13

what is the best way to show an additional div with content in all devices(ipad/iphone/android) but not in desktop browsers

1 Answers1