Эмуляция мобильного браузера (Mozilla, iPhone и другие)

Что на самом деле означает строка агента пользователя

Пользовательский агент — это строка, передаваемая настольным или мобильным браузером вместе с запросом HTTP (S) на любую веб-страницу в Интернете. Строка содержит конкретную информацию о программном и аппаратном обеспечении устройства, которое делает запрос, о конкретной технологии, используемой для доступа к веб-сайту, веб-странице или другому онлайн-контенту. Строка агента пользователя уникальна для каждого веб-пользователя. Эта информация обычно включает в себя подробную информацию о названии браузера, движок веб-рендеринга, родной платформе (например, для мобильных браузеров, iOS, Android, Amazon KFTHWI, Windows Phone 8, BB10, RIM Tablet OS и т.д.), а также устройство, на которое работает браузер.

Используя строку агента пользователя, можно определить множество параметров, например, помимо названия операционной системы, ее версии и типа процессора. Вы также можете определить устройство под управлением браузера – это может быть планшет, ПК, iPad, iPhone или другое мобильное устройство. Кроме того, строка агента пользователя может содержать информацию об функциях поддержки веб-браузера (таких как JavaScript, Cookie, Java Applet, ActiveX и т.д.).

Вы можете проверить строку агента пользователя, которая указывает ваш браузер в браузере Chrome, введя:

about:

После того, как пользователь ввел URL-адрес веб-сайта в браузере, браузер отправляет строку агента пользователя на веб-сайт, к который он пытается подключиться. После того, как пользовательский агент идентифицируется на веб-сервере, сервер возвращает подходящий контент (файлы, JavaScript, медиафайлы), который соответствует параметрам браузера. Таким образом, различные версии одной и той же веб-страницы на основе заголовка агента пользователя могут быть предоставлены браузеру.

Тем не менее, основная проблема понимания строки агента пользователя заключается в том, что большинство браузеров указывают не только фактическую информацию о том, что они строят, но и добавить то, что они совместимы с строкой агента пользователя. Например, почти каждый современный браузер сообщает Mozila/5.0 как часть строки пользовательского агента.

Как прочитать строку Пользовательского агента

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

В этой статье мы будем охватывать только основы строки строки пользовательского агента терминологии. Давайте проанализируем строку агента пользователя со следующим содержанием:

Mozilla / 5.0 (iPhone; CPU iPhone OS 8_0 like Mac OS X) AppleWebKit / 600.1.3 (KHTML, like Gecko) Version / 8.0 Mobile / 12A4345d Safari / 600.1.4

Строка примера содержит некоторые часто используемые токены. Давайте подробнее рассмотрим, что на самом деле означает каждое из названий:

• Mozilla / 5.0, как уже упоминалось выше, используется современными браузерами, чтобы веб-серверы знают, что браузер Mozilla совместимы. Mozilla — это кодовое имя, используемое Netscape и населенное другими браузерами в строках пользователя-агента, которое будет обслуживаться с тем же контентом, что и Netscape.
• AppleWebKit — это идентификатор двигателя веб-рендеринга, используемый на устройствах Apple и поддерживаемый некоторыми другими типами устройств, такими как BlackBerry.
• KHTML является двигателем, используемым Safari и Chrome.
• Gecko является двигателем, используемым в последних версиях Firefox. Токен «как Gecko» используется для совместимости с веб-сайтами, которые обслуживают их содержимое для браузеров на основе Geko.
• Safari является маркером, указывающим на фактическое имя браузера.

Как подражать мобильному устройству в настольном браузере (Google Chrome)

Для просмотра и тестирования мобильной версии вашего веб-сайта можно использовать встроенные инструменты, предоставляемые всеми современными веб-браузерами. В качестве примера, мы будем ходить вас через мобильный браузер режим эмуляции в Google Chrome.

Во-первых, запустите Chrome. В Google Chrome откройте мобильный веб-сайт, который необходимо протестировать. Затем нажмите кнопку Настроить и управлять Google Chrome (три вертикальные точки в правом верхнем углу окна браузера). В меню выберите more Tools < Developer Tools. Или вы можете использовать CTRL и Shift для Windows, Unix и Cmd-Opt’I для Mac OS.

Затем нажмите значок панели инструментов Toggle Device. Эмулятор браузера будет запущен и будет активировано моделирование устройства. В результате будет загружен мобильный вид страницы.

По умолчанию панель инструментов устройства использует режим реагирования для загруженной страницы. Вы можете выбрать мобильное устройство, которое вы хотите подражать для вашего теста: Samsung Galaxy S5, Pixel 2, Pixel 2 XL, iPhone (от версии 5 до iPhone X), iPad и iPad Pro. Страница мобильного устройства перезаряжается, как если бы вы использовали смартфон или планшет, который вы выбрали из списка.

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