как узнать с какого устройства заходили на сайт

Как узнать, с каких устройств заходят на сайт?

При адаптации сайта для мобильных устройств важно не только сделать саму по себе мобильную версию, но еще и учесть, с каких именно мобильных устройств обычно заходят на сайт, какое у них разрешение экрана, какие используются браузеры. А какие вообще есть способы выяснить технические характеристики устройств, с которых заходят на сайт?

Mediakritika.by ищет статистику.

А так ли это нужно вообще – учитывать парк пользовательских устройств? Вон Белорусская Железная Дорога в мобильной версии своего сайта вообще не сделала поддержку самого популярного мобильного браузера в стране – Opera Mini, а бывший главный редактор Onliner.by Денис Блищ утверждал, что мобильная версия вовсе не нужна и что пусть лучше читатели пользуются хорошими устройствами, а не ищут пути обхода, чтобы получить информацию.

Пример с БЖД как раз таки и показывает, что мобильная версия нужна и что она должна быть адаптирована под пользователей. Иначе пользователи вынуждены адаптироваться под прихоти разработчиков сайта, что выливается в растущее недовольство сервисом.

Предположим, что в стране А в ходу только телефоны с маленькими экранами – глупо делать для них мобильную версии сайта, которая работают только на устройствах с размером экрана не ниже HD. А раз так, то сначала надо выяснить, какие устройства имеют наибольшее распространение, с каких устройств и каких браузеров читатели заходят на сайт.

Конечно, владельцу сайта, если к нему «прикручена» система сбора статистики, и так может узнать, с каких устройств сайт загружают. Правда, такая полученная информация чревата однобокостью, можно сделать неверные выводы: мол, если на наш сайт чаще всего заходят с «Моторолы», то во всей стране наиболее популярны телефоны этой марки. Получится примерно как в анекдоте: «100% белорусов пользуются интернетом. Таковы результата опроса, проведенного недавно в интернете».

Чтобы узнать, какие девайсы популярны в стране в целом, полезно изучить статистику от ведущих мировых агентств. Одно из них – Gartner, которое регулярно публикует данные по объему продаж и уровню проникновения устройств. Правда, большинство отчетов платные, а для получения доступа к бесплатным документам нужно зарегистрироваться, указав при этом свою бизнес-почту (бесплатные почтовые ящики система не пропускает).

Скажем, можно узнать, как в первом квартале этого года изменились продажи смартфонов на различных ОС по всему миру. Если быть платным пользователем, наверняка можно найти подобную статистику и по отдельным регионам.

Если открыть вкладку «Версия», то увидим: то, что скрывалось под строчкой Linux, В расшифровке уже значится как Linux Android, а в семействе Windows наибольшая доля – у Windows Phone 7/8.

А вот и интересующее нас разрешение экранов мобильных пользователей. Тут тоже полно всякой «шелухи» вроде нестандартных 338х563 и т.п. Жалко, что список результатов нельзя группировать по ключевым стандартным разрешениям, например, «от 240х320», «от 320х480», «от 480х640» и т.д.

Нужно учитывать, что в систему сбора статистики попадают не все сайты, а лишь те, на которых установлен счетчик от OpenStat. Сервис показывает, что за этот год среди всех посетителей таких сайтов (около 7 миллионов «уников») белорусы составляли 2,42%, или 171 тысячу человек. Еще одно неудобство – нельзя вывести статистику по конкретной стране: какими браузерами пользуются в Беларуси или какие разрешения экранов популярнее всего в Молдове.

В списке мобильных операционных систем этого года ожидаемо лидирует Android (79%), а доля третьего места – Windows Phone – заметно больше, чем в целом по миру (3,92% против 1,97%). Из детальной статистики видно, что 0,02% белорусов даже игровые консоли Sony PlayStation используют для выхода в интернет.

А вот и данные по разрешению экраном мобильных устройств. Как и в статистике рунета от OpenStat, у нас в лидерах – 360х640 пикселей (как правило, это не самые новые смартфоны Nokia).

Очень любопытно, что скрывается под строкой Other («другое»), которая набрала аж 35,65%. К сожалению, подробной расшифровки этого «другого» нет даже в скачиваемой таблице. Вполне вероятно, что там вариации стандартных разрешений (какие-нибудь 635х465 вместо 640х480 и т.п.), которые оказались в этой графе из-за неточной идентификации разрешения экрана. Учитывая популярность Android-смартфонов у нас в стране, надо полагать, что в пункт Other попали многие их модели.

Отличную статистику опубликовал сайт We Are Social. К сожалению, Беларусь не попала в расширенную версию отчета «Digital in 2016» на 537 страницах. Зато можно посмотреть на ситуацию в России (страницы с 337 по 352). В среднем россиянин сидит в интернете за компьютером 4 часа 40 минут, за телефоном – 1 час 23 минуты. Есть там и другие интересные цифры (хотя вот разделение по смартфонным платформам доступно только сразу для всех стран подборки). Сведения про Беларусь можно найти в более краткой версии отчета «2016 Digital Yearbook» на 243 страницах. Так, на странице 23 читаем скупые факты: население – 9,49 миллиона человек, активных SIM-карт – 11,73 миллиона, активных интернет-пользователей – 5,6 миллиона (59%), активных пользователей соцсетей и мессенджеров на мобильных платформах – 3,18 миллиона.

В какой-то мере статистику по мобильным устройствам можно получить по данным о пользователях социальных сетей. Аудитория соцсети «Вконтакте» в Беларуси – 2,5 миллиона человек в месяц и 1,6 миллиона пользователей каждый день, у Facebook – 1,1 и 0,8 миллиона человек соответственно. При этом исключительно с мобильных устройств в самую популярную в стране соцсеть выходят 40% пользователей. Смартфонами и планшетами на базе Android пользуются 1,83 миллиона человек, а устройствами на базе iOS – 276 тысяч человек. Интересно, что исключительно планшетных пользователей примерно поровну у каждой платформы.

Источник

Как проверить устройство пользователя, заходившего на сайт?

Требуется на сайт создать похожую схему. В принципе, он на мобильной версии смотрится не плохо. Но мне нужно сделать похожий сайт для мобильной версии.

Помощь в написании контрольных, курсовых и дипломных работ здесь.

как узнать IP адрес заходившего на почту?
как узнать все ну или несколько последних IP адресов заходивших к тебе на почту? если в настройках.

Как определить ip адрес пользователя, зашедшего на сайт. если сайт лежит на локальной машинке
Уважаемые коллеги, подскажите: как определить ip адрес пользователя, зашедшего на сайт. если.

Как проверить установлено ли устройство с некоторым hwid
Как проверить установлено ли устройство с некоторым hwid? И узнать какой оно использует.

Как проверить сайт на нагрузку? Через какой сервис? (Сколько человек выдержит мой сайт)
Добрый вечер. Через какой сайт можно проверить? Сразу напишу по счет Ddos атаки хз даже, там я.

Я бы сделал это на PHP, бо

можно получить ДО вывода в браузер пользователя

после этого распарсить эту строку, определить что за браузер (обычно там так и написано: Mobile)

Добавлено через 8 минут
. хотя не, тупанул)) там же операционка есть.

Залью вариант может кому поможет:

RewriteEngine On
RewriteCond % «android|blackberry|googlebot-mobile|iemobile|ipad|iphone|ipod|opera mobile|palmos|webos» [NC]
RewriteRule ^$ http://cyberforum.ru [L,R=302]

Добавляется в файл .htaccess, который помещается в корень сайта. По умолчанию сейчас редирект настроен на киберфорум. Надо только подставить свою ссылку на мобильную версию.

Ну если сайт без PHP написан, то мб.

Добавлено через 1 минуту

Неплохо бы

С планшетки многие вещи, типа цитирования, делать не очень удобно на десктопном дизайне.

Как проверить подключено ли какое нибудь устройство к com порту или нет?
Как проверить подключено ли какое нибудь устройство к com порту или нет?

как проверить мыло пользователя?
как проверить мыло пользователя? Существует ли такое мыло вообще или так поле было заполнено от.

Как проверить полные ли прова доступа у пользователя?
Добрый вечер)подскажите как проверить полные ли прова доступа у пользователя?(Админ или гость)

Как проверить логин и пароль пользователя в Windows Form C#?
Есть два поля ввода и база данных с пользователями. Нужно проверить, есть ли такой пользователь или.

Как узнать логин пользователя зашедшего на сайт?
Как узнать логин пользователя зашедшего на сайт и поместить его в текстовое поле?

Источник

Может ли веб-сайт видеть, какое устройство я использую?

Если у вас возник такой вопрос, готов сразу ответить. В общем, да. Может ли веб-сайт видеть, какое устройство я использую? Ваш браузер отправляет так называемую строку user-agent — строку символов, которая сообщает веб-сайту множество вещей. Например, какой браузер вы используете и какая операционная система работает на вашем устройстве.

Для пользователей: Содержимое строки агента пользователя можно просмотреть на некоторых веб-сайтах. Например в разделе агент пользователя. Из того, что я помню, использование Safari на устройствах iOS (iPhone, iPad) будет только идентифицировать браузер как Safari. Но не будет раскрывать модель (iPhone 6 Plus против iPad Air).

Я не помню, определяет ли Safari разницу между устройствами iOS и компьютерами Mac. Может ли веб-сайт видеть, какое устройство я использую — веб-сайт может определить, какое устройство вы используете, путем получения размеров экрана. И затем сравнения его с базой.

Для владельце веб сайтов: Если у вас есть веб сайт, и вы не видите кто к вам заходит. А просто получаете информацию о количестве переходов от счетчика, то сайт нужно доработать. Сильно подробно я в этой статье углубляться не буду. Я просто скажу что есть множество плагинов для вордрпесс, которые дают вам этот функционал. Так же можно обратиться в соответствующую компанию, где вам подробно об этом расскажут и помогут доработать сайт.

Что скроет VPN

Единственное, что VPN скроет-это IP-адрес, с которого вы просматриваете сайт. Итак, если вы просматриваете Chrome где-то в Сибири и подключаетесь к VPN-серверу, где исходящее соединение находится в Европе. То веб-сайт увидит, что вы из Европы, предполагая, что VPN не реализует раздельное туннелирование… что совсем другая тема.

Если вы не хотите, чтобы ваш браузер идентифицировался, вы можете скачать браузерные плагины. Те, которые могут изменить строку user-agent на одно из нескольких предустановленных значений. Или на одно, которое вы можете ввести самостоятельно.

Практическое применение может заключаться в моделировании или тестировании поведения веб-сайта для пользователей. Для каждого определенного устройства и разрешения экрана. Изменение подключаемого модуля операционной системой будет зависеть от качества подключаемого модуля.

Знайте, что давно (1990-е годы) было время, когда вы могли бы быть идентифицированы в интернете. Причем вот как — по серийному номеру процессора Intel. Предположительно, Intel включила программное обеспечение, чтобы пользователи могли отключить эту идентификацию серийного номера через интернет. Но я не помню, чтобы у меня была такая возможность…

Информация о конфиденциальности: «Упс!»Я не знаю точно, но я подозреваю, что находчивый веб-кодер может создать JavaScript. Такой, который будет загружаться на странице, захватывать серийный номер процессора. Или MAC-адрес NIC и передавать его обратно на веб-сервер для регистрации. Так что все можно обойти… нужно только понимать что и как правильно делать.

Независимо от того, насколько интернет рекламируется как анонимный. Но существует несколько способов, с помощью которых пользователь может быть однозначно идентифицирован и отслежен. (Спасибо, Большой Брат и интернет-маркетологи. Ты вы супер!) На этом все, спасибо за внимание.

Источник

Как Определить Мобильное Устройство с Помощью JavaScript

Сегодня вы научитесь определять мобильное устройство при помощи JavaScript. Затем реализуем это при помощи «mobile-detect.js». Он может также определять операционную систему и текущий браузер, используемый пользователем.

Как определить Safari

Для примера, определим Safari браузер с помощью JavaScript.

Теперь рассмотрим, как можно извлекать необходимую информацию при помощи «mobile-detect.js»

Как использовать «mobile-detect.js»

Mobile-detect.js использует тот же метод, но также предоставляет функции API для легкого получения необходимой информации.

Использовать mobile-detect.js очень просто. Сначала импортируйте библиотеку на свою страницу.

А затем передайте строку userAgent в конструктор.

Сегодня мы научились определять мобильные устройства. Мы рассмотрели лишь базовое использование. Ссылка на документацию.

Надеюсь, вам понравилась данная информация. Если вам интересна тема web-разработки, то можете следить за выходом новых статей в Telegram.

Источник

WebComplex – самостоятельное создание сайтов

Все о самостоятельном создании сайта

Удобный скрипт для определения пользовательского устройства (мобильный, планшет или ПК)

Для верстки современных сайтов под мобильные устройства полезно знать с какого девайса пользователь просматривает ваш ресурс. Ограничиться только медиа-запросами получается не всегда.
Использовать большие библиотеки для столь точечной задачи нет нужды, есть маленький скрипт device.js минимизированная версия которого чуть более 3Kb.

Данный скрипт позволит вам определить операционную систему пользователя, само устройство (мобильный, планшет или ПК) и ориентацию пользовательского устройства (книжная или альбомная).
Одним словом device.js отлично справляется с поставленной задачей по определению пользовательского устройства.

Как использовать скрипт по определению пользовательского устройства?

1. Скачиваем сам скрипт и подключаем его в блоке head вашего сайта.

(по ссылке выше вы можете перейти на файл сжатой версии скрипта и сохранить его к себе на комп)
Добавляем к себе в проект:

Все! После того, как вы подключили скрипт по определению пользовательского устройства к своему сайту, он уже работает!

Как работает скрипт по определению пользовательского устройства

Скрипт работает очень просто, он добавляет к тегу css классы, которые соответствуют пользовательскому устройству, например:

Если пользователь зашел с iPhone

то будут добавлены css классы указанные в на картинке выше.

Если пользователь зашел с Android

Какие пользовательские устройства, может определить данный скрипт?

Какие css классы добавляет скрипт для различных устройств?

Если у вас остались вопросы, по использованию скрипта для определения пользовательского устройства с которого он зашел на ваш ресурс, задавайте их в комментариях, с радостью помогу 🙂

26 thoughts on “ Удобный скрипт для определения пользовательского устройства (мобильный, планшет или ПК) ”

СУчья красная кнопка. Пол дня сидел!

Здравствуйте! Мне нужно в сайте отключить плагин при входе с устройства с Андроид. Может ли как-то помочь этот скрипт? Хотел бы просто переподключать стили в зависимости от…, но пока не получается.

тут два варианта, либо искать скрипт определения пользовательского устройства на стороне сервера и там прописывать условия для загрузки файла стилей, либо попробовать использовать JS для ассинхронной загрузки файла стилей. Нужно пробовать, почитайте ответы тут stackoverflow.com/questions/574944/how-to-load-up-css-files-using-javascript

и я с этой кнопкой )))) малаток – повеселил

Возможно ли этот скрипт использовать для определения и показа ссылки звонка
только для мобильного, а остальным что типа display:none;
Что посоветуете.

Почему бы и нет, это легко сделать через CSS, т.к. скрипт добавляет класс mobile или tablet к тегу HTML в зависимости от устройства пользователя. Вы можете прописать стили для ссылки звонка через эти классы.

Добрый день.
Скажите можно ли Ваш скрипт приспособить,чтобы он по номеру телефона,который прикреплен к вайберу или вотсапу определял его ОС?

Нет, такого сделать не получится. Скорее всего никакой скрипт с этим не справится т.к. номер телефона никак не связан с ОС самого телефона.

номер прикреплен к what’s app или viber.есть возможность вбивать номера в софт,и он будет показывать номера,на которых есть данные мессенджеры.Исходя из этого реально ли пробить на какой базе стоит данные мессенджер?
спасибо!

Добрый день! У меня такая проблеммка: сайт на вордпресс, тема адаптивная, но на мобильных устройствах всё-равно открывается как на пк…то есть сайт не понимает, с какого устройства его открыли…device.js пробовала использовать, но что-то не получилось…подскажите пожалуйста, как быть? Желательно подробнее, я новичок!

Пропишите в хеад секции метатег назначающий ширину вьюпорта по ширине устройства. Погуглите наподобии «мета-тег мобильная версия».

Я столкнулся с довольно странным явлением, «физический» т. е. теоретический смысл которого не в состоянии уразуметь.
Короче.
Есть компьютер, на котором установлены 2 Системы: Windows XP и Windows 10.
(У меня – этап знакомства с последней).
И там и там инсталлирован браузер Google Chrome.
Так вот, находясь в Windows 10, я пытался открыть свою страницу с альбомами фотографий на «Яндексе» по адресу: //m.fotki.yandex.ru/users/…….
И вдруг от (Google) мне сообщает: «Страница m.fotki.yandex.ru не работает. Сайт m.fotki.yandex.ru выполнил переадресацию слишком много раз».
Присмотревшись внимательно к адресу, я заметил лишнюю букву «m».
То есть, должно быть просто: //fotki.yandex.ru/users/……. БЕЗ буквы «m»!
Я возрадовался (!), что быстро обнаружил ошибку (не понимая, впрочем, откуда она взялась) и УБРАЛ эту лишнюю букву…
Каким же было мое удивление, когда И БУКВА, И СООБЩЕНИЕ – появились снова!
Перезагружаюсь в Windows XP. Проверяю адрес. Буквы «m» нет и Google прекрасно открывает страницу.
Перезагружаюсь в Windows 10. Опять появляется буква «m» и соответствующее сообщение!
ЧТО происходит?
Мне сказали, что сайт “видит” мой компьютор как мобильник!
Что делать?

Мда вас определяет как буд-то вы заходите с моб устройства, сорее всего на сайте должна быть ссылка показать полную версию, поищите ее.

доброй ночи не подскажите как с помощью данного скрипта сделать фон то есть если человек зашел с IOS то фон 1 если Android то другой

Очень просто, данный скрипт прописывает соответствующие классы для блока html, воспользуйтесь этим при написании CSS кода, если не знаете как пишите, по возможности отвечу

Как сделать так чтобы сайты не могли считывать с какого устройства я сижу браузера и прочее

Попробуйте поискать в интернете сервисы анонимайзеры, хотя какая цель вашей скрытности? )
Дело в том что браузер автоматически отдает много информации о вас, так задумано 🙂

Хочет ВК мужа читать 😀 а там пишет, с какого устройства заходили хахаха а если там появится подаренный мужем айфон то он все поймёт.

Мне тоже,из интереса.Вот ну никак и точка нельзя что либо изменить,хоть на один заход на сайт,и чтоб он не опредилил,что зашел со смартфона?Основной и единственный поставщик инфы о телефоне другие браузерные заголовки HTTP?,чем дектопные?А еще что передает идентификацию мобильного устройства?

Не работает этот ваш придурошный скрипт. Зашёл на свой сайт со смартфона и посмотрел код. Ну так в итоге эта задница пресваевает тегу html класс “desktop”. Точно такой же вписывается если заходить с компа. Бесполезная хрень. Только время зря потратил.

Попробуйте перейти на сайт разработчика
и посмотреть, что будет показано на странице (должно показывать, что вы зашли с мобилки)
У меня данный скрипт работает, удачи вам 🙂

Решил я всё таки найти время и перепроверить этот скрипт. И действительно работает. Прошу прощения. Но тем не менее он всё же работает можно сказать лишь только на половину. Когда заходишь на мобильную версию сайта, то всё ок. Но стоит на смартфоне в браузере переключиться в полную версию сайта, то он становиться бесполезен. А мне же в первую очередь именно это и нужно было… Ну и в общем в итоге я решил написал свой небольшой скрипт:

if (/Linux/i.test(navigator.userAgent)) <
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) <
document.documentElement.className = “mobile”;
>else <
document.documentElement.className = “mobile-p”;
>
>

Хоть может немного и топорно сделал, но тем не менее всё работает. Я думаю что в любом случае такой вариант куда лучше, чем целая куча ненужного кода на 3Kb. Надеюсь что мой скрипт на вашем сайте исполняться не будет в комментах))

Этот скрипт не может быть причиной такой ошибки, посмотрите свой код или скиньте что пишет в консоли.

Добавить комментарий Отменить ответ

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

Источник