Я знаю, что на этот вопрос есть много ответов, но из того, что я увидел, никто не подходит к ответу так, как я бы решил.
CSS использует width (Media Queries), чтобы определить, какие стили применяются к веб-документу на основе ширины. Почему бы не использовать ширину в JavaScript?
Например, в медиазапросах Bootstrap (Mobile First) существует 4 точки привязки / перерыва:
Мы также можем использовать это для решения нашей проблемы с JavaScript.
Сначала мы создадим функцию, которая получает размер окна и возвращает значение, которое позволяет нам увидеть, какое устройство размера просматривает наше приложение:
var getBrowserWidth = function(){
if(window.innerWidth < 768){
// Extra Small Device
return "xs";
} else if(window.innerWidth < 991){
// Small Device
return "sm"
} else if(window.innerWidth < 1199){
// Medium Device
return "md"
} else {
// Large Device
return "lg"
}
};
Теперь, когда мы настроили функцию, мы Можно назвать его и сохранить значение:
var device = getBrowserWidth();
Ваш вопрос был
Я хотел бы запустить другой скрипт, если браузер установлен на портативном устройстве.
Теперь, когда у нас есть информация об устройстве, остается только оператор if:
if(device === "xs"){
// Enter your script for handheld devices here
}
Вот пример для CodePen: http://codepen.io/jacob -king / ручка / jWEeWG
См. Получение исходного каталога сценария Bash изнутри , в частности комментарий относительно переменной BASH_SOURCE.
Резюме: SCRIPT_NAME = $ (basename $ {BASH_SOURCE [0]})