🎬 BotFake Recorder
Записывайте действия в браузере и автоматически получайте готовые JSON сценарии для тестирования
Bookmarklet
Самый простой способ — добавьте закладку и запускайте запись одним кликом на любом сайте.
Как установить:
- Перетащите кнопку ниже на панель закладок
- Откройте любой сайт для тестирования
- Кликните на закладку — появится панель записи
- Выполните действия и скачайте JSON
⬇️ Перетащите в закладки:
⚠️ Не кликайте — перетащите кнопку на панель закладок!
Или: ПКМ → Добавить закладку → Вставить код
Браузерное расширение
Расширение для Chrome/Edge/Brave с удобным popup-интерфейсом и индикатором записи.
Как установить:
- Скачайте ZIP-архив расширения
- Откройте chrome://extensions/
- Включите "Режим разработчика"
- Нажмите "Загрузить распакованное" и выберите папку
✨ Что умеет Recorder
Клики
Записывает клики по кнопкам, ссылкам, элементам
Ввод текста
Автоматически сохраняет вводимые данные
Выбор из списков
Select, dropdown, radio, checkbox
Скролл
Записывает значительные прокрутки страницы
Отправка форм
Submit событий на формах
Умные селекторы
ID, data-testid, name, CSS-path
📸 Как выглядит виджет
🟢 Готов к записи
Нажмите "Start Recording" чтобы начать запись действий
🔴 Запись действий
Все клики, ввод текста и прокрутка автоматически записываются
📄 Пример сгенерированного сценария
{
"id": "recorded-1702483200000",
"name": "Recorded Scenario - 13.12.2024, 12:00:00",
"description": "Recorded from https://example.com",
"startUrl": "https://example.com",
"type": "website",
"browserType": "chromium",
"headless": true,
"steps": [
{
"id": "step-1",
"action": "web_navigate",
"data": { "url": "https://example.com" }
},
{
"id": "step-2",
"action": "web_fill",
"data": { "selector": "#email", "value": "test@example.com" }
},
{
"id": "step-3",
"action": "web_click",
"data": { "selector": "button.submit" }
}
]
}