# Примеры использования Yandex Browser Tabs MCP
## Базовые команды
### 1. Подключение к браузеру
```
"Подключись к открытому Яндекс Браузеру"
```
### 2. Просмотр открытых вкладок
```
"Покажи все открытые вкладки с их номерами"
```
## Работа с вкладками
### Навигация
```
"Перейди на сайт github.com во вкладке 0"
"Открой яндекс.ru во вкладке 2"
"Во вкладке 1 перейди на https://example.com и дождись загрузки элемента .content"
```
### Взаимодействие с элементами
```
"Кликни по кнопке #login-button во вкладке 0"
"Во вкладке 2 кликни по ссылке с текстом 'Далее'"
"Нажми на элемент .submit-form во вкладке 3"
```
### Ввод текста
```
"Введи 'тестовый запрос' в поле поиска #search во вкладке 0"
"Во вкладке 1 заполни поле #username текстом 'user123'"
"Введи email 'test@example.com' в поле input[type='email'] во вкладке 2"
```
### Скриншоты
```
"Сделай скриншот вкладки 0 с именем 'главная-страница'"
"Сделай полный скриншот страницы во вкладке 2"
"Сделай скриншот элемента .product-card во вкладке 1"
```
## Сложные сценарии
### Выполнение теста
```
"Вкладка 3 содержит тест. Выполни его: выбери ответы с селекторами ['.option-a', '.option-c', '.option-b'] и нажми кнопку #submit-test"
```
### Заполнение формы заказа
```
Последовательность команд:
1. "Во вкладке 1 введи в поле #name текст 'Иван Иванов'"
2. "Во вкладке 1 введи в поле #phone текст '+7 900 123-45-67'"
3. "Во вкладке 1 введи в поле #address текст 'ул. Пушкина, д. 10'"
4. "Во вкладке 1 кликни по чекбоксу #agree-terms"
5. "Во вкладке 1 кликни по кнопке #place-order"
6. "Сделай скриншот вкладки 1 с именем 'подтверждение-заказа'"
```
### Автоматизация входа
```
1. "Перейди на сайт example.com/login во вкладке 0"
2. "Во вкладке 0 введи в поле #email текст 'user@example.com'"
3. "Во вкладке 0 введи в поле #password текст 'mypassword'"
4. "Во вкладке 0 кликни по кнопке button[type='submit']"
5. "Подожди загрузки и сделай скриншот вкладки 0"
```
### Сбор информации
```
"Выполни JavaScript во вкладке 2: document.querySelectorAll('.price').length"
"Выполни во вкладке 1 код: Array.from(document.querySelectorAll('h2')).map(h => h.textContent)"
"Получи заголовок страницы во вкладке 3: document.title"
```
## Работа с динамическим контентом
### Ожидание элементов
```
"Перейди на сайт с динамической загрузкой во вкладке 1 и дождись появления .loaded-content"
```
### Прокрутка страницы
```
"Выполни во вкладке 2: window.scrollTo(0, document.body.scrollHeight)"
"Прокрути до элемента #footer во вкладке 1: document.querySelector('#footer').scrollIntoView()"
```
## Отладка и диагностика
### Проверка состояния
```
"Покажи все вкладки и их URL"
"Выполни во вкладке 0: window.location.href"
"Проверь наличие элемента во вкладке 1: document.querySelector('.error-message') !== null"
```
### Получение данных со страницы
```
"Извлеки все ссылки со страницы во вкладке 2: Array.from(document.querySelectorAll('a')).map(a => ({text: a.textContent, href: a.href}))"
```
## Советы по использованию
1. **Всегда указывайте индекс вкладки** для точного контроля
2. **Используйте уникальные CSS селекторы** для надежности
3. **Добавляйте ожидание элементов** при работе с динамическими страницами
4. **Делайте скриншоты** для подтверждения выполненных действий
5. **Проверяйте результаты** с помощью JavaScript кода
## Пример полного сценария
```
Сценарий: "Забронировать билет на поезд"
1. "Подключись к браузеру"
2. "Покажи все вкладки"
3. "Перейди на сайт rzd.ru во вкладке 0"
4. "Во вкладке 0 введи 'Москва' в поле #from"
5. "Во вкладке 0 введи 'Санкт-Петербург' в поле #to"
6. "Во вкладке 0 кликни по полю даты #date"
7. "Во вкладке 0 кликни по дате data-date='2024-12-25'"
8. "Во вкладке 0 кликни по кнопке #search"
9. "Подожди 3 секунды"
10. "Сделай скриншот вкладки 0 с именем 'результаты-поиска'"
11. "Во вкладке 0 кликни по первому доступному поезду .train-item:first-child .select-btn"
12. "Сделай финальный скриншот вкладки 0"
```
