Идентифицируйте пользователей со смартфона и планшета и скрывайте элементы
У меня есть этот макет с перетаскиванием на левой стороне.
Мой веб-сайт отзывчив, но некоторые планшеты в альбомном режиме имеют большие размеры, чем экраны компьютеров. Смартфоны и планшеты не могут загружать изображения с помощью drag n drop (который вы видите в левой части изображения).
Что я хочу сделать, это определить, если пользователь посещает мой сайт с планшета или смартфона. Если это так, я хочу скрыть функцию перетаскивания и отображать только кнопку загрузки. Но если пользователь использует компьютер (даже с небольшим экраном), я хочу, чтобы перетаскивание было возможно / видимым.
Не знаю, какая технология требуется, но мой сайт использует HTML, CSS, JavaScript (jQuery) и PHP.
1 ответ
Вы можете сделать это с помощью php . Существуют некоторые классы, такие как обнаружение мобильного устройства, которые обнаруживают устройства на основе полученного заголовка запроса.