Как определить мобильное устройство в jQuery?
Опубликовано: 23 Декабря, 2021
Мы можем использовать метод JavaScript window.matchMedia () для обнаружения мобильного устройства на основе медиа-запроса CSS . Это лучший и самый простой способ обнаружения мобильных устройств.
Синтаксис:
window.matchMedia ();
Пример-1: Программа запускается на рабочем столе.
<!DOCTYPE html>< html lang = "en" > < head > < title > jQuery Detect Mobile Device </ title ></ head > < body > < script > if (window.matchMedia("(max-width: 767px)").matches) { // The viewport is less than 768 pixels wide document.write("This is a mobile device."); } else { // The viewport is at least 768 pixels wide document.write("This is a tablet or desktop."); } </ script ></ body > </ html > |
Выход:
Пример-2: Программа запускается на мобильном устройстве.
<!DOCTYPE html>< html lang = "en" > < head > < title > jQuery Detect Mobile Device </ title ></ head > < body > < script > if (window.matchMedia("(max-width: 767px)").matches) { // The viewport is less than 768 pixels wide document.write("This is a mobile device."); } else { // The viewport is at least 768 pixels wide document.write("This is a tablet or desktop."); } </ script ></ body > </ html > |
Выход:
Поддерживаемые браузеры:
- Гугл Хром
- Mozilla Firefox
- Опера
- Край
- Сафари