How to hide a script on mobile

Question

I just launched a mobile version of my site and I’m having a hard time hiding a live chat script on the mobile hide-for-small. This is the code I don't want displayed on the mobile version:

<script src="http://www.smartreachdigitalchat.com/scripts/invitation.ashx?company=?????"></script>

All the things I don’t want displayed on the mobile I simply write:

<div class="small hide-for-small"><script src="http://www.smartreachdigitalchat.com/scripts/invitation.ashx?company=?????"></script></div>

…and it would hide from mobile devices and only display on desktop computers, but here it’s not working; it seems to be hiding from both desktop and mobile.

What can I do to make the script execute only on desktop computers?

How have you implemented the .small and .hide-for-small CSS classes? — Luke Joshua Park, Aug 29 '15 at 01:44
have you tried something like http://stackoverflow.com/a/3540295/2603230 to detect if user is mobile and then load/don't load javascript — He Yifei 何一非, Aug 29 '15 at 01:46
Hi Luke, No, we haven't implemented the .small and hide-for-small css. Thought it would be a simple hide code — booya1969, Aug 29 '15 at 01:56

He Yifei 何一非 · Answer 1 · 2015-08-29T02:59:53.320

1

try something like this:

<script>
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
    //Do something for mobile
    alert("MOBILE");
}else{
    var script = document.createElement('script');
    script.src = "http://www.smartreachdigitalchat.com/scripts/invitation/apexchat.js?company=2051";
    document.write(script.outerHTML);
}
</script>

It will show live chat on computer and hide on mobile device:

edited Aug 29 '15 at 02:59

answered Aug 29 '15 at 01:50

He Yifei 何一非

2,292
3
31
66

No, but it added the livechat to the very bottom right of the screen and made the screen wider. Had to scrool down. thought it was gone till i scrolled down – booya1969 Aug 29 '15 at 02:14
you mean when you visit on mobile, the script is still loaded? Have you removed/commented `
`? – He Yifei 何一非 Aug 29 '15 at 02:15
yes on the mobile. I did remove my the
– booya1969 Aug 29 '15 at 02:16
@booya1969 what mobile device you are using? – He Yifei 何一非 Aug 29 '15 at 02:20
here's what my code looks like if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { //Do something for mobile }else{ var script = document.createElement('script'); script.src = "http://www.smartreachdigitalchat.com/scripts/invitation.ashx?company=????"; document.write(script.outerHTML);

– booya1969 Aug 29 '15 at 02:24
@booya1969 you should remove `

– He Yifei 何一非 Aug 29 '15 at 02:30
I did, tried with and without the

– booya1969 Aug 29 '15 at 02:33
can you give me a company name for test? @booya1969 – He Yifei 何一非 Aug 29 '15 at 02:35
@booya1969 it's working fine for me. Can you edit your full code now in your question? – He Yifei 何一非 Aug 29 '15 at 02:41
I think I answered my question by accident on here. If you view the page, you'll see the code written on the front of the page on the bottom – booya1969 Aug 29 '15 at 02:44
you forget to add ` – He Yifei 何一非 Aug 29 '15 at 02:44
I added it just now, and i get a message usinging mobile then i click ok and the livechat is still there. can you test – booya1969 Aug 29 '15 at 02:48
yes i've test and the js didn't load... are you sure only `http://www.smartreachdigitalchat.com/scripts/invitation.ashx?company=?????` is loading live chat? – He Yifei 何一非 Aug 29 '15 at 02:49
could be tracking as well. The client is using a geo fencing marketing company who supplied the livechat code – booya1969 Aug 29 '15 at 02:50
i cannot test that js cause it return `window.ApexChatResponse = "Invalid company specified."` – He Yifei 何一非 Aug 29 '15 at 02:52
– booya1969 Aug 29 '15 at 02:53
it is working really really fine for me. Try the updated answer. and what exactly android device you are using? Do "mobile" alerted? – He Yifei 何一非 Aug 29 '15 at 02:56
see my screenshot in answer, it really doesn't show on mobile device – He Yifei 何一非 Aug 29 '15 at 03:01
Yea, strange. I just tried it on a iphone and ipad and the live chat is showing up. – booya1969 Aug 29 '15 at 03:03
@booya1969 send your whole HTML page to eflyjason@gmail.com ok? thanks! – He Yifei 何一非 Aug 29 '15 at 03:04
ah... you write one more `` on page... Remove that code should be ok.. I've reply you with the correct the code...... – He Yifei 何一非 Aug 29 '15 at 03:10
@booya1969 You're welcome. Since you're new here, please don't forget to mark the answer accepted which helped most in solving the problem. See also [How does accepting an answer work?](http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work) – He Yifei 何一非 Aug 29 '15 at 03:39

How to hide a script on mobile

1 Answers1