К списку
Web-тестирование и DevToolsMiddleТехническое

Как задать кастомный User-Agent в Chrome через DevTools

Краткий ответ

Откройте DevTools в Chrome, перейдите в раздел «Network conditions» через «More tools», отключите автоматический выбор User-Agent и выберите или впишите нужный агент.

Развёрнуто

Краткий ответ

Для изменения User-Agent в Google Chrome откройте DevTools (нажмите F12 или Ctrl+Shift+I), затем вкладку «Network», выберите «More tools» → «Network conditions». Снимите галочку с «Select automatically» и выберите нужный User-Agent из списка или введите свой.


Как это работает

User-Agent — это строка, которую браузер отправляет серверу для идентификации себя и своей платформы. В Chrome изменить эту строку можно через DevTools — встроенный набор инструментов разработчика. Раздел Network conditions позволяет вручную задавать User-Agent, что полезно для тестирования адаптивности сайта, обхода блокировок по User-Agent или имитации разных устройств.

Когда флажок «Select automatically» снят, браузер перестаёт подставлять свой стандартный User-Agent и вместо этого использует указанный вручную.

Действие Результат
Открыть DevTools Запуск инструментов разработчика
Перейти в Network conditions Доступ к настройкам User-Agent
Отключить автоматический выбор Возможность вводить кастомный User-Agent
Выбрать/ввести User-Agent Эмуляция другого браузера или устройства

Пример

1. Нажмите F12 или Ctrl+Shift+I, чтобы открыть DevTools.
2. Перейдите на вкладку «Network».
3. Нажмите на меню с тремя точками → More tools → Network conditions.
4. Снимите галочку «Select automatically» в разделе User agent.
5. Выберите из списка или введите нужный User-Agent.
6. Обновите страницу, чтобы увидеть эффект.

Этот пример показывает последовательность действий для быстрого переключения User-Agent в браузере.

Что важно знать на собеседовании

  • User-Agent влияет на то, как сервер воспринимает браузер и может менять поведение сайта.
  • DevTools в Chrome предоставляет удобный интерфейс для изменения User-Agent без установки расширений.
  • Изменение User-Agent полезно для проверки адаптивности, обхода геоблокировок и тестирования функционала.
  • Важно понимать, что User-Agent — лишь часть заголовков HTTP-запроса, остальные параметры тоже могут влиять на поведение приложения.
  • Знание настройки DevTools является базовым навыком для QA-инженера, работающего с веб-приложениями.

Тема: Web-тестирование и DevTools | Уровень: middle