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

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

  • Android
  • IOS
  • Windows Phone
  • родовой.

Мониторинг веб-сайтов в мобильных браузерах с помощью Desktop-Monitor

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

По мере того как волна глобального веб-трафика, доступ к мобильному устройству, набирает обороты, Dotcom-Monitor добавил поддержку мобильного браузера для мобильных продуктов на платформу BrowserView.

С Dotcom-Monitor процесс тестирования вашего сайта в различных мобильных браузерах больше не является проблемой. Вам не нужно покупать много устройств с различными размерами экрана для тестирования мобильного интерфейса. То, что вы должны сделать, это просто создать устройство Dotcom-Monitor BrowserView, выбрать тип устройства браузера вам нужно проверить свой сайт на. При мониторинге система будет эмулировать устройство, которое вы выбрали так же, как настольный браузер встроенных инструментов делать. Загрузка страницы происходит в ландшафтном режиме в окне браузера.

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

Среди устройств, которые могут быть эмулированы с dotcom-Monitor BrowserView платформы являются следующие:

Модель устройства

Агент пользователя

iPhone 4 Mozilla/5.0 (iPhone; U; Процессор iPhone OS 4’3’2, как Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, как Gecko) Версия/5.0.2 Мобильный/8H7 Safari/6533.18.5
iPhone 5 Mozilla/5.0 (iPhone; Процессор iPhone OS 7’0, как Mac OS X; ru-us) AppleWebKit/537.51.1 (KHTML, как Gecko) Версия/7.0 Мобильный/11A465 Safari/9537.53
iPhone 6 Mozilla/5.0 (iPhone; Процессор iPhone OS 8’0, как Mac OS X) AppleWebKit/600.1.3 (KHTML, как Gecko) Версия/8.0 Мобильный/12A4345d Safari/600.1.4
iPhone 6 плюс Mozilla/5.0 (iPhone; Процессор iPhone OS 8’0, как Mac OS X) AppleWebKit/600.1.3 (KHTML, как Gecko) Версия/8.0 Мобильный/12A4345d Safari/600.1.4
iPod Touch 4 Mozilla/5.0 (iPhone; U; Процессор iPhone OS 4’3’2, как Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, как Gecko) Версия/5.0.2 Мобильный/8H7 Safari/6533.18.5
iPod Touch 5 Mozilla/5.0 (iPhone; Процессор iPhone OS 7’0, как Mac OS X; ru-us) AppleWebKit/537.51.1 (KHTML, как Gecko) Версия/7.0 Мобильный/11A465 Safari/9537.53
iPad Mozilla/5.0 (iPad; ОС процессора 4’3’5, как Mac OS X; ru-us) AppleWebKit/533.17.9 (KHTML, как Gecko) Версия/5.0.2 Мобильный/8L1 Сафари/6533.18.5
iPad 2 Mozilla/5.0 (iPad; Процессор ОС 5’1, как Mac OS X; en-us) AppleWebKit/534.46 (KHTML, как Гекко) Версия/5.1 Мобильный/9B176 Safari/7534.48.3
iPad 3 (Новый iPad) Mozilla/5.0 (iPad; Процессор OS 7’0, как Mac OS X) AppleWebKit/537.51.1 (KHTML, как Gecko) Версия/7.0 Мобильный/11A465 Safari/9537.53
iPad 4 (iPad 4-го поколения) Mozilla/5.0 (iPad; Процессор OS 7’0, как Mac OS X) AppleWebKit/537.51.1 (KHTML, как Gecko) Версия/7.0 Мобильный/11A465 Safari/9537.53
iPad Mini Mozilla/5.0 (iPad; Процессор OS 6’0, как Mac OS X) AppleWebKit/536.26 (KHTML, как Gecko) Версия/6.0 Мобильный/10A406 Safari/8536.25
Google Nexus 4 Mozilla/5.0 (Linux; Android 4.2.1; en-us; Nexus 4 Build/JOP40D) AppleWebKit/535.19 (KHTML, как Gecko) Хром/18.0.1025.166 Мобильное сафари/535.19
Google Nexus 5 Mozilla/5.0 (Linux; Android 4.2.1; en-us; Nexus 5 Build/JOP40D) AppleWebKit/535.19 (KHTML, как Gecko) Хром/18.0.1025.166 Мобильное сафари/535.19
Google Nexus 10 Mozilla/5.0 (Linux; Android 4.3; Nexus 10 Build/JSS15) AppleWebKit/537.36 (KHTML, как Гекко) Хром/29.0.1547.72 Safari/537.36
Google Nexus 7 Mozilla/5.0 (Linux; Android 4.3; Nexus 7 Build/JSS15) AppleWebKit/537.36 (KHTML, как Гекко) Хром/29.0.1547.72 Safari/537.36
Google Nexus 7 2 Mozilla/5.0 (Linux; Android 4.3; Nexus 7 Build/JSS15) AppleWebKit/537.36 (KHTML, как Гекко) Хром/29.0.1547.72 Safari/537.36
Samsung Галактика Примечание Mozilla/5.0 (Linux; U; Android 2.3; en-us; SAMSUNG-SGH-I717 Build/GINGERBREAD) AppleWebKit/533.1 (KHTML, как Gecko) Версия/4.0 Mobile Safari/533.1
Samsung Галактика Примечание 2 Mozilla/5.0 (Linux; U; Android 4.1; en-us; GT-N7100 Build/JRO03C) AppleWebKit/534.30 (KHTML, как Gecko) Версия/4.0 Мобильное сафари/534.30
Samsung Галактика Примечание 3 Mozilla/5.0 (Linux; U; Android 4.3; en-us; SM-N900T Build/JSS15J) AppleWebKit/534.30 (KHTML, как Gecko) Версия/4.0 Мобильное сафари/534.30
Samsung Галактика S Mozilla/5.0 (Linux; U; Android 2.1; en-us; GT-I9000 Build/ECLAIR) AppleWebKit/525.10 “(KHTML, как Gecko) Версия/3.0.4 Мобильное сафари/523.12.2
Samsung Галактика S3 Mozilla/5.0 (Linux; U; Android 4.0; en-us; GT-I9300 Build/IMM76D) AppleWebKit/534.30 (KHTML, как Gecko) Версия/4.0 Mobile Safari/534.30
Samsung Галактика S4 Mozilla/5.0 (Linux; Android 4.2.2; GT-I9505 Сборка/JD-39) AppleWebKit/537.36 (KHTML, как Гекко) Хром/31.0.1650.59 Мобильное сафари/537.36
Samsung Галактика Вкладка Mozilla/5.0 (Linux; U; Android 2.2; en-us; SCH-I800 Build/FROYO) AppleWebKit/533.1 (KHTML, как Gecko) Версия/4.0 Mobile Safari/533.1
Samsung Галактика Вкладка 10 Mozilla/5.0 (Linux; U; Android 2.2; en-us; SCH-I800 Build/FROYO) AppleWebKit/533.1 (KHTML, как Gecko) Версия/4.0 Mobile Safari/533.1
HTC Эво Mozilla/5.0 (Linux; U; Android 2.2; en-us; Спринт APA9292KT Build/FRF91) AppleWebKit/533.1 (KHTML, как Gecko) Версия/4.0 Мобильное сафари/533.1
HTC One X Mozilla/5.0 (Linux; Android 4.0.3; HTC One X Build/IML74K) AppleWebKit/535.19 (KHTML, как gecko) Chrome/18.0.1025.133 Mobile Safari/535.19
Ощущение HTC Mozilla/5.0 (Linux; U; Android 4.0.3; en-us; HTC Sensation Build/IML74K) AppleWebKit/534.30 (KHTML, как Gecko) Версия/4.0 Mobile Safari/534.30
Моторола Defy Mozilla/5.0 (Linux; U; Android 2.0; en-us; Milestone Build / SHOLS_U2_01.03.1) AppleWebKit/530.17 (KHTML, как Gecko) Версия/4.0 Мобильное сафари/530.17
Моторола Дроид 3 Mozilla/5.0 (Linux; U; Android 2.2; en-us; Droid Build/FRG22D) AppleWebKit/533.1 (KHTML, как Gecko) Версия/4.0 Мобильное сафари/533.1
Моторола Ксум Mozilla/5.0 (Linux; U; Android 3.0; en-us; Xoom Build/HRI39) AppleWebKit/525.10 (KHTML, как Gecko) Версия/3.0.4 Мобильное сафари/523.12.2
Sony Xperia S Mozilla/5.0 (Linux; U; Android 4.0; en-us; LT28at Build/6.1.C.1.111) AppleWebKit/534.30 (KHTML, как Gecko) Версия/4.0 Мобильное сафари/534.30
Сони Xperia Mozilla/5.0 (Linux; U; Android 4.2; en-us; SonyC6903 Build/14.1.G.1.518) AppleWebKit/534.30 (KHTML, как Gecko) Версия/4.0 Мобильное сафари/534.30
Амазонка разжечь огонь Mozilla/5.0 (Linux; U; Android 2.3.4; en-us; Kindle Fire Build/GINGERBREAD) AppleWebKit/533.1 (KHTML, как Gecko) Версия/4.0 Мобильное сафари/533.1
Амазонка разжечь огонь HDX 7 Mozilla/5.0 (Linux; U; en-us; KFTHWI Build/JD-39) AppleWebKit/535.19 (KHTML, как gecko) Шелк/3.13 Safari/535.19 Шелк-Ускоренный-правда
Амазонка разжечь огонь HDX 8 Mozilla/5.0 (Linux; U; en-us; KFAPWI Build/JD-39) AppleWebKit/535.19 (KHTML, как gecko) Шелк/3.13 Safari/535.19 Шелк-Ускоренный-правда
Nokia Lumia 8XX Mozilla/5.0 (совместим; MSIE 10.0; Windows Телефон 8.0; Трайдент/6.0; IEMobile/10.0; РУКА; Прикосновение; NOKIA; Люмия 820)
Ежевика No10 Mozilla/5.0 (BB10; Прикосновение) AppleWebKit/537.10 “(KHTML, как Гекко) Версия / 10.0.9.2372 Мобильный Safari/537.10 “
Ежевика No30 Mozilla/5.0 (BB10; Прикосновение) AppleWebKit/537.10 “(KHTML, как Гекко) Версия / 10.0.9.2372 Мобильный Safari/537.10 “
Ежевика PlayBook Mozilla/5.0 (PlayBook; U; RIM ПланшетНАЯ ОС 2.1.0; en-US) AppleWebKit/536.2 “(KHTML как Гекко) Версия/7.2.1.0 Safari/536.2 “

Создание устройства BrowserView остается практически одинаковым для конфигурации Mobile. Просто выберите необходимую мобильную модель из меню типа браузера во время конфигурации устройства.

  • Понимание Эмуляции мобильных браузеров

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

    Пользовательский агент — это строка, передаваемая настольным или мобильным браузером вместе с запросом 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, чтобы вернуться к стандартному представлению рабочего стола.