Поддержка удалённого браузера
Функция Remote Browser в Careti позволяет AI-помощнику взаимодействовать с веб-контентом непосредственно через контролируемый экземпляр браузера. Это обеспечивает несколько мощных возможностей:
- Просмотр веб-сайтов и взаимодействие с ними
- Тестирование локально запущенных веб-приложений
- Мониторинг логов консоли и ошибок
- Выполнение действий браузера, таких как клики, ввод текста и прокрутка
Remote Browser в Careti
Что такое Remote Browser?
Remote Browser позволяет Careti просматривать веб-сайты и взаимодействовать с ними напрямую. Эта функция позволяет Careti:
- Посещать веб-сайты и просматривать их контент
- Тестировать ваши локально запущенные веб-приложения
- Заполнять формы и нажимать на элементы
- Делать скриншоты того, что он видит
- Прокручивать страницы для просмотра дополнительного контента
Как использовать Remote Browser
Основные команды
Вы можете попросить Careti использовать браузер с помощью простых инструкций:
- Открыть веб-сайт: "Используй браузер, чтобы проверить веб-сайт по адресу https://example.com"
- Нажать на элементы: "Нажми кнопку входа"
- Ввести текст: "Введи 'Hello world' в поле поиска"
- Прокрутить страницу: "Прокрути вниз, чтобы увидеть больше контента"
- Закрыть браузер: "Закрой браузер сейчас"
Примеры рабочих процессов
Тестирование веб-приложения:
Can you start my React app with "npm start" and then check if it's working properly at http://localhost:3000?
Анализ веб-сайта:
Can you visit https://example.com and tell me what you think about its design and layout?
Заполнение формы:
Please go to https://example.com/contact, fill out the contact form with some test data, and submit it.
Важные вещи, которые нужно знать
Один браузер за раз
Careti может использовать только один браузер за раз. Если вы хотите посетить другой веб-сайт, вы можете:
- Попросить Careti перейти по новому URL в рамках того же сеанса браузера
- Попросить Careti закрыть текущий браузер и открыть новый
Браузер должен быть закрыт перед использованием других инструментов
Если вы хотите, чтобы Careti редактировал файлы или выполнял команды после использования браузера, вы должны сначала попросить его закрыть браузер:
Close the browser and then update the CSS file to fix the alignment issue we saw.
Что видит Careti
Браузер имеет фиксированный размер области просмотра (900x600 пикселей по умолчанию), аналогичный экрану небольшого ноутбука. Careti будет делиться скриншотами после каждого действия, чтобы вы могли видеть, что именно он видит.
Логи консоли
Careti захватывает логи консоли браузера, которые могут быть полезны для отладки веб-приложений. Эти логи включаются в каждый скриншот.
Распространенные варианты использования
- Веб-разработка: Тестируйте свои веб-сайты и веб-приложения
- UI/UX Review: Получайте отзывы о дизайне и удобстве использования веб-сайта
- Исследование контента: Попросите Careti просматривать веб-сайты для сбора информации
- Тестирование форм: Убедитесь, что формы работают правильно
- Тестирование адаптивного дизайна: Проверьте, как выглядят веб-сайты при разных размерах экрана
Устранение неполадок
- Если веб-сайт не загружается: Попробуйте предоставить прямой URL с префиксом http:// или https://
- Если нажатие не работает: Попробуйте более точно описать местоположение элемента
- Если браузер, кажется, завис: Попросите Careti закрыть браузер и повторите попытку
Использование Remote Browser с VS Code в WSL
При запуске VS Code в WSL вам потребуется настроить Windows, чтобы разрешить WSL подключаться к Chrome. Выполните следующие действия:
Откройте PowerShell от имени администратора и выполните:
# Allow WSL to connect to Chrome's debugging port
New-NetFirewallRule -DisplayName "WSL Chrome Debug" -Direction Inbound -LocalPort 9222 -Protocol TCP -Action Allow
Настройте Careti в VS Code:
- Откройте настройки VS Code
- Найдите "Careti: Chrome Executable Path"
- Установите значение на путь к вашему исполняемому файлу Chrome (например,
C:\Program Files\Google\Chrome\Application\chrome.exe)
Теперь Careti должен иметь возможность использовать функцию Remote Browser из WSL.