Chrome адаптировался к экосистеме планшетов Android, включив режим рабочего стола по умолчанию на планшетах премиум-класса. В этой записи блога объясняется, что такое режим рабочего стола и что разработчикам нужно знать о предоставлении высококачественного опыта на планшетах премиум-класса.
Веб-сайты должны адаптироваться к различным размерам экрана, форм-факторам, методам ввода и возможностям устройств. В качестве альтернативы использованию методов адаптивного дизайна веб-разработчики часто обращаются к User-Agent браузера, чтобы обслуживать разные веб-сайты для мобильных и настольных устройств.
Исторически mobile User-Agent является значением по умолчанию для Chrome на Android. В этом режиме сайты, предназначенные только для настольных компьютеров (то есть, без meta viewport ), будут отображаться с использованием фиксированного виртуального viewport по умолчанию в 980 пикселей для комфортного чтения на различных экранах телефонов. В случаях, когда пользователь хочет загрузить только версию сайта для настольного компьютера (поскольку сайт отображает разные версии своего сайта на основе User Agent), пользователь может включить настройки режима рабочего стола , которые изменят User Agent на настольный и принудительно установят viewport в 980 пикселей.
Поскольку экосистема планшетов Android увидела, что все больше больших и мощных устройств становятся легкодоступными, мы обнаружили, что десктопный веб-сайт часто может быть более удобным, чем мобильный. Мобильные веб-сайты, разработанные для небольших экранов и малого объема оперативной памяти, не всегда используют преимущества большого экрана и других мощных возможностей устройства . Поэтому для планшетов премиум-класса режим рабочего стола теперь является режимом по умолчанию.
Благодаря этому изменению User-Agent по умолчанию станет User-Agent рабочего стола и будет использовать область просмотра, соответствующую ширине окна, а не виртуальную область просмотра размером по умолчанию 980 пикселей.
Информация для разработчиков о режиме рабочего стола
Пользователи Chrome на Android могут изменить настройки режима рабочего стола , чтобы запросить сайт рабочего стола или мобильный сайт по умолчанию. Это не изменится, поэтому многие пользователи уже знакомы с тем, как менять режимы.
Chrome по умолчанию запрашивает десктопную версию сайта на планшетах премиум-класса (с дисплеем не менее 10 дюймов и 8 ГБ оперативной памяти). Веб-разработчикам следует убедиться, что их сайт хорошо работает в десктопном режиме на планшетах.
При таком изменении режима рабочего стола на режим по умолчанию, пользовательский агент по умолчанию для большинства пользователей планшетов Android изменится по сравнению с мобильной версией следующим образом:
Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36
в настольную версию, например:
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36
Кроме того, HTTP-заголовки SEC-CH-UA-MODEL и SEC-CH-UA-PLATFORM больше не будут сообщать «Pixel Tablet» и «Android», а вместо этого будут сообщать «» и «Linux» соответственно.
Проверьте свои веб-сайты на наличие этого изменения
Поскольку режим рабочего стола становится режимом по умолчанию на планшетах премиум-класса, самое время убедиться, что все взаимодействия с версиями вашего сайта для рабочего стола работают корректно для пользователей как с подключенной физической клавиатурой, сенсорным экраном , мышью или трекпадом, так и без них.
Если вы полагаетесь на User Agent для определения того, используют ли ваши пользователи Android, например, с помощью Google Analytics, то мы ожидаем, что это изменение может повлиять на ваш сайт. Кроме того, поскольку Chrome для настольных компьютеров и Chrome на Android не используют все одинаковые API веб-платформы, крайне важно использовать обнаружение функций до использования возможностей устройства.
Если вы полагаетесь на User Agent, чтобы предложить пользователям установить ваше приложение, вы можете непреднамеренно предложить загрузить двоичный файл Linux. Мы рекомендуем вам использовать Web App Manifest вместе со свойством related_applications . Это затем будет использовать механизм Chrome по умолчанию для Android, чтобы предложить пользователю установить ваше приложение.
Вы можете протестировать свой веб-сайт с включенным и выключенным режимом рабочего стола, выполнив следующие действия , или же вы можете использовать имитацию устройства Chrome DevTools и переопределение User-Agent .