Как отключить скрипт для мобильников?

Question

[Abzal___07]

как отключить показ скрипта на мобильных устройствах

Answer 1

[Андрей Охотников]

Вставить в html, этот код подключить файл script.js на устройствах с разрешением более 990px (заменить на свое усмотрение)

<script type="text/javascript">
{
if (screen.width > 990) document.write ('<script type="text/javascript" src="script.js" ></script>');
}
</script>

Comments

[Abzal___07]

[Дмитрий Беляев]

а если у меня планшет шире 990px?
а если я гружу сайт с мобилки в landscape, опять же шире 990px?
а если у меня десктоп 800х600?

[Андрей Охотников]

Дмитрий Беляев, можно так рискнуть if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) { } через js соответственно

[Abzal___07]

Андрей Охотников, не получаеться

[Ярослав Иванов]

Дмитрий Беляев, декстоп 800 х 600? Эт где такой

[Дмитрий Беляев]

Ярослав Иванов, на той же RaspberyPI и аналогах, на нетбуках, если подключен маленький монитор, больше может быть просто не комфортно, тем не менее это десктоп

[Ярослав Иванов]

Дмитрий Беляев, значит на таких мониторах не нужен хелпер. Как вы его будете просматривать на таком разрешении.

[Дмитрий Беляев]

Ярослав Иванов, это уже другой вопрос. На мой взгляд, если я хочу написать в службу поддержки, я должен иметь возможность сделать это на любом устройстве

Answer 2

[Дмитрий Беляев]

подключите такой модуль к проекту:

const appleDevice     = /iP(hone|od|ad)/;
const applePhone      = /iPhone/i;
const appleIPod       = /iPod/i;
const appleTablet     = /iPad/i;
const androidPhone    = /(?=.*\bAndroid\b)(?=.*\bMobile\b)/i;
const androidTablet   = /Android/i;
const windowsPhone    = /Windows Phone/i;
const windowsTablet   = /(?=.*\bWindows\b)(?=.*\bARM\b)/i;
const otherBlackberry = /BlackBerry/i;
const otherOpera      = /Opera Mini/i;
const otherFirefox    = /(?=.*\bFirefox\b)(?=.*\bMobile\b)/i;
const sevenInch       = /(?:Nexus 7|BNTV250|Kindle Fire|Silk|GT-P1000)/i;

function match(regex, target = navigator.userAgent) {
    return regex.test(target);
}

export const isAppleDevice = match(applePhone) || match(appleIPod) || match(appleTablet) || match(appleDevice, navigator.platform);
export const isAndroidDevice = match(androidPhone) || match(androidTablet);
export const isWindowsDevice = match(windowsPhone) || match(windowsTablet);
export const isOtherDevice = match(otherBlackberry) || match(otherOpera) || match(otherFirefox);
export const isSevenInch = match(sevenInch);
export const isMobileDevice = isAppleDevice || isAndroidDevice || isWindowsDevice || isOtherDevice || isSevenInch;
export const isEmulator = isMobileDevice && !isWindowsDevice && (match(/Mac/, navigator.platform) || match(/Win32/, navigator.platform));

далее импортируйте нужный флаг, и проверяйте через if