Playwright MCP

microsoft/playwright-mcp· Проверено 12.11.2026· 39,5 тыс.на GitHub

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

Как подключить

Что сделать до подключения

1

Node.js 18 или новее

Конфиг для вашего клиента

Команда в терминале, в папке проекта. Флаг --scope user подключит сервер для всех проектов. Подробно о Claude Code

claude mcp add --transport stdio playwright \
  -- npx @playwright/mcp@latest

Проверка: claude mcp list показывает статус рядом с каждым сервером: ✔ Connected, ! Needs authentication или ✘ Failed to connect. Внутри сессии то же видно по команде /mcp.

Инструменты сервера

browser_navigateоткрывает адрес
browser_snapshotснимает структуру страницы
browser_clickкликает по элементу
browser_typeвводит текст в поле
browser_fill_formзаполняет форму целиком
browser_select_optionвыбирает пункт списка
browser_hoverнаводит курсор
browser_press_keyнажимает клавишу
browser_file_uploadзагружает файл
browser_take_screenshotделает скриншот
browser_console_messagesчитает консоль
browser_network_requestsпоказывает сетевые запросы
browser_evaluateвыполняет JavaScript на странице
browser_resizeменяет размер окна
browser_tabsуправляет вкладками
browser_wait_forждёт текст или паузу
browser_navigate_backвозвращается назад
browser_handle_dialogотвечает на диалог
browser_closeзакрывает браузер

Что попросить агента

«Открой <адрес>, пройди оформление заказа до оплаты и скажи, где сценарий ломается»Агент вызовет browser_navigate, browser_snapshot, browser_click и browser_fill_form, по пути проверит browser_console_messages
«Проверь, как <адрес> выглядит на ширине 375 px, и сделай скриншот»Агент вызовет browser_resize, затем browser_take_screenshot
«Собери ошибки консоли и упавшие запросы на странице <адрес>»Агент вызовет browser_navigate, browser_console_messages и browser_network_requests
«Заполни форму регистрации на тестовом стенде <адрес> данными <данные> и отправь»Агент снимет структуру через browser_snapshot, заполнит поля browser_fill_form и нажмёт кнопку browser_click
«Пройди вход на <адрес> и напиши по этим шагам автотест на Playwright»Агент пройдёт сценарий через browser_navigate, browser_type и browser_click и запишет шаги в тест

Для каких задач

Пройти сценарий на сайте и найти, где он ломается
Проверить вёрстку на узком экране через смену размера окна
Собрать ошибки из консоли и упавшие запросы
Заполнить и отправить форму на тестовом стенде
Написать автотест по шагам, которые агент прошёл руками

Ограничения

!

Дерево доступности занимает много контекста: на длинных страницах сессия быстро разрастается

!

Профиль браузера по умолчанию сохраняется на диске; два клиента с одним профилем конфликтуют, второму нужен флаг --isolated

!

Хранилище, cookie и подмена запросов включаются отдельно флагом --caps

Если не работает

Два клиента в одном проекте конфликтуют из-за профиля браузера
Постоянный профиль открывается только одним браузером. Запускайте каждый следующий клиент с флагом --isolated или со своим --user-data-dir.

Частые вопросы

Каким браузером управляет сервер?
Браузер выбирается флагом --browser: chrome, firefox, webkit или msedge. Флаг добавляется в args после имени пакета.
Как запустить браузер без окна?
Добавьте в аргументы флаг --headless. По умолчанию браузер открывается в окне, и за действиями агента можно следить.
Агент видит мои сохранённые пароли и сессии?
Сервер работает со своим профилем, где хранится то, во что вы вошли через него. Чтобы профиль жил только в памяти, добавьте флаг --isolated.
Чем Playwright MCP отличается от Chrome DevTools MCP?
Playwright заточен под действия на странице и автотесты. Chrome DevTools MCP глубже лезет в отладку: производительность, трассировки, сетевые запросы.
Работает ли сервер из России?
Сервер запускается на вашем компьютере, ключи и зарубежные аккаунты не нужны.

Похожие серверы