При использовании jQuery для определения того, является ли доступ мобильным, можно судить по ширине окна или по строке user agent.
Ниже приведены два метода:
Метод 1: Определение ширины окна
Пример
$(document).ready(function() {
// Получить ширину окна
var windowWidth = $(window).width();
// Установите порог, например, 768px, настройте в соответствии с реальными потребностями
var mobileThreshold = 768;
// Определить, является ли устройство мобильным
if (windowWidth < mobileThreshold) {
// Код, выполняемый на мобильном устройстве
console.log("Мобильный доступ");
} else {
// Код, выполняемый на немобильных устройствах
console.log("Доступ с немобильного устройства");
}
});
// Получить ширину окна
var windowWidth = $(window).width();
// Установите порог, например, 768px, настройте в соответствии с реальными потребностями
var mobileThreshold = 768;
// Определить, является ли устройство мобильным
if (windowWidth < mobileThreshold) {
// Код, выполняемый на мобильном устройстве
console.log("Мобильный доступ");
} else {
// Код, выполняемый на немобильных устройствах
console.log("Доступ с немобильного устройства");
}
});
Попробуйте »
Метод 2: Определение строки User Agent
Пример
$(document).ready(function() {
// Получить строку user agent
var userAgent = navigator.userAgent;
// Проверить, содержит ли она ключевые слова мобильных устройств, например "Android", "iPhone", "iPad" и т. д.
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent)) {
// Код, выполняемый на мобильном устройстве
console.log("Мобильный доступ");
} else {
// Код, выполняемый на немобильных устройствах
console.log("Доступ с немобильного устройства");
}
});
// Получить строку user agent
var userAgent = navigator.userAgent;
// Проверить, содержит ли она ключевые слова мобильных устройств, например "Android", "iPhone", "iPad" и т. д.
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent)) {
// Код, выполняемый на мобильном устройстве
console.log("Мобильный доступ");
} else {
// Код, выполняемый на немобильных устройствах
console.log("Доступ с немобильного устройства");
}
});
Попробуйте »
Выбор метода зависит от ваших конкретных потребностей и требований проекта.
Обратите внимание, что определение строки user agent не является на 100% надёжным, поскольку строку user agent можно изменить. Поэтому выбирайте подходящий метод в зависимости от конкретной ситуации.