Удобен скрипт за идентифициране на потребителско устройство (мобилно устройство, таблет или компютър)
Всичко за самостоятелно създаване на уебсайт
За оформлението на съвременните уебсайтове за мобилни устройства е полезно да знаете от кое устройство потребителят разглежда вашия ресурс. Не винаги е възможно да се ограничите само до медийни заявки.
Не е необходимо да се използват големи библиотеки за такава точкова задача, има малък скрипт device.js минимизирана версия на която малко над 3Kb.
Този скрипт ще ви позволи да определите операционната система на потребителя, самото устройство (мобилно устройство, таблет или компютър) и ориентацията на потребителското устройство (портрет или пейзаж).
С една дума, device.js се справя отлично дефиниция на потребителско устройство.
Как да използвам скрипт за дефиниране на персонализирано устройство?
1. Изтеглете самия скрипт и го включете в главния блок на вашия сайт.
(използвайки връзката по-горе, можете да отидете до файла на компресираната версия на скрипта и да го запазите на вашия компютър)
Добавете към нашия проект:
Всичко! След като се свържете скрипт за откриване на персонализирано устройство към вашия сайт, той вече работи!
Как работи персонализираният скрипт за откриване на устройство
Скриптът работи много просто, той добавя класове към css тага, които съответстват потребителско устройство, например:
Ако потребителят е влязъл от iPhone
тогава ще бъдат добавени css класовете, посочени на снимката по-горе.
Ако потребителят е влязъл от Android
Какви потребителски устройства може да открие този скрипт?
- iOS: iPhone, iPod, iPad
- Android: Телефони и таблети
- Къпина: телефони и таблети
- Windows: Телефони и таблети
- Firefox OS: Телефони и таблети
Какви css класове скриптът добавя за различни устройства?
26 мисли за „Удобен скрипт за дефиниране на потребителско устройство (мобилно устройство, таблет или компютър)“
Червен бутон. Седя половин ден!
Здравейте! Трябва да деактивирам приставката на уебсайта, когато влизам от устройство с Android. Може ли този скрипт да помогне по някакъв начин? Бих искал просто да свържа отново стиловете в зависимост от ..., но все още не мога.
има две опции, или потърсете скрипт за дефиниране на потребителско устройство от страна на сървъра и напишете условията за зареждане на таблицата със стилове там, или опитайте да използвате JS, за да заредите таблицата със стилове асинхронно. Трябва да опитате, прочетете отговорите тук stackoverflow.com/questions/574944/how-to-load-up-css-files-using-javascript
и аз с този бутон)))) malatok - развеселен
Възможно ли е да се използва този скрипт за дефиниране и показване на връзка за повикване
само за мобилни устройства, а останалите от този тип показват: няма;
Какво съветвате.
Защо не, лесно е да се направи с CSS, тъй като скриптът добавя мобилен или таблетен клас към HTML маркера в зависимост от устройството на потребителя. Можете да стилизирате връзката за повикване чрез тези класове.
номерът е прикачен към това, което е приложение или viber. има възможност за вкарване на номера в софтуера и той ще покаже номерата, на които има тези пратеници. Въз основа на това, наистина ли е възможно да се пробие на коя база данни е пратеникът данните са?
Благодаря!
Добър ден! Имам такъв проблем: сайтът е на WordPress, темата е адаптивна, но на мобилни устройства все пак се отваря като на компютър ... тоест сайтът не разбира от кое устройство е отворен ... устройство. js се опита да го използва, но нещо не се получи ... кажете ми, моля, как да бъда? По-желателно, аз съм начинаещ!
Добавете мета таг в секцията за глава, който задава ширината на прозореца за преглед на ширината на устройството. Погугли го като „мета маркер за мобилна версия“.
лека нощ, не ми казвайте как да направя фон с помощта на този скрипт, тоест, ако човек дойде от IOS, тогава фон 1 ако Android, а след това друг
Много просто, този скрипт пише подходящите класове за блока html, използвайте това, когато пишете CSS код, ако не знаете как да пишете, ще отговоря, ако е възможно
Как да направя сайтовете да не могат да четат от кое устройство седя в браузъра и така нататък
Опитайте да отидете на сайта за разработчици
и вижте какво ще се показва на страницата (трябва да покаже, че сте влезли от мобилния си телефон)
Този скрипт работи за мен, късмет 🙂
if (/Linux/i.test(navigator.userAgent)) if (/ Android | webOS | iPhone | iPad | iPod | BlackBerry | IEMobile | Opera Mini/i.test (navigator.userAgent)) document.documentElement.className = “ Подвижен ";
> else document.documentElement.className = “mobile-p”;
>
>
Защо document.getElementById не работи ?
С тази библиотека?
Този скрипт не може да бъде причина за такава грешка, погледнете кода си или изхвърлете написаното от него в конзолата.