ai-browser

MCP servers

GitHubスター

0

ユーザー評価

未評価

お気に入り

0

閲覧数

12

フォーク

0

イシュー

0

README

Давайте рассмотрим несколько практических примеров использования AI-браузера:

1. Установка и запуск
# Клонируем проект
mkdir ai-browser && cd ai-browser

# Создаем структуру проекта
mkdir -p browser ai commands config

# Инициализируем Go модуль
go mod init ai-browser

# Устанавливаем зависимости
go get github.com/chromedp/chromedp
go get github.com/chromedp/cdproto

# Запускаем Ollama (в отдельном терминале)
ollama pull llama2
ollama serve

# Запускаем браузер
go run main.go
2. Примеры использования
Пример 1: Автоматизация поиска информации
> go to google.com
Переход на https://google.com...

> найди поле поиска и введи "golang chromedp examples"
🤖 Обрабатываю команду через AI...
▶️  Выполняю: Ввод текста в input[name="q"]
✅ Команда выполнена

> нажми кнопку поиска
🤖 Обрабатываю команду через AI...
▶️  Выполняю: Клик по input[type="submit"]
✅ Команда выполнена

> сделай скриншот результатов
> screenshot search_results.png
Скриншот сохранен: search_results.png

> открой первую ссылку в результатах
🤖 Обрабатываю команду через AI...
▶️  Выполняю: Клик по h3:first-child a
✅ Команда выполнена
Пример 2: Тестирование с разными fingerprints
> go to browserleaks.com/canvas
Переход на https://browserleaks.com/canvas...

> screenshot canvas_test_1.png
Скриншот сохранен: canvas_test_1.png

> fingerprint show
Текущий fingerprint:
  UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36
  Platform: Win32
  Vendor: Google Inc.
  Screen: 1920x1080
  Timezone: Europe/London
  Language: en-US

> fingerprint change
Fingerprint изменен

> refresh
Страница обновлена

> screenshot canvas_test_2.png
Скриншот сохранен: canvas_test_2.png

# Теперь у вас два скриншота с разными canvas fingerprints
Пример 3: Автоматизация заполнения форм
> go to github.com/join
Переход на https://github.com/join...

> заполни форму регистрации с тестовыми данными
🤖 Обрабатываю команду через AI...
▶️  Выполняю: Ввод текста в input[name="user[login]"]
▶️  Выполняю: Ввод текста в input[name="user[email]"]
▶️  Выполняю: Ввод текста в input[name="user[password]"]
✅ Команда выполнена

> найди все обязательные поля и покажи их
🤖 Обрабатываю команду через AI...
💬 AI ответ: Найдены обязательные поля: username, email, password
Пример 4: Мониторинг цен на товары
> go to amazon.com
Переход на https://amazon.com...

> найди поле поиска и введи "macbook pro 14"
🤖 Обрабатываю команду через AI...
▶️  Выполняю: Ввод текста в input[id="twotabsearchtextbox"]
✅ Команда выполнена

> нажми enter
🤖 Обрабатываю команду через AI...
▶️  Выполняю: Клик по input[type="submit"]
✅ Команда выполнена

> найди все цены на странице и выведи минимальную и максимальную
🤖 Обрабатываю команду через AI...
💬 AI ответ: Найдены цены от $1,599 до $2,499

> сделай скриншот первого товара
🤖 Обрабатываю команду через AI...
▶️  Выполняю: Прокрутка до первого товара
▶️  Выполняю: Скриншот элемента
✅ Команда выполнена
Пример 5: Работа с cookies и сессиями
> go to reddit.com
Переход на https://reddit.com...

> cookies show
Cookies:
  reddit_session = xxxxxxxxxxxxx
  token_v2 = xxxxxxxxxxxxx

> cookies clear
Cookies очищены

> refresh
Страница обновлена

# Теперь вы разлогинены
Пример 6: Создание скрипта для автоматизации

Создайте файл automation_script.txt:

go to linkedin.com
найди кнопку входа и нажми
заполни email поле с test@example.com
заполни пароль с testpassword
screenshot login_form.png
найди кнопку submit и нажми
wait 3s
screenshot after_login.png

Затем можно выполнить:

# В будущей версии можно добавить выполнение скриптов
> run script automation_script.txt
3. Практические сценарии использования
Веб-скрапинг с обходом защиты
# Python скрипт для управления браузером через API (будущая функция)
import requests

# Меняем fingerprint перед каждым запросом
browser.command("fingerprint change")
browser.command("go to protected-site.com")
browser.command("собери все данные о продуктах")
Тестирование веб-приложений
# Тест формы логина
> go to myapp.com/login
> введи в поле username значение "admin"
> введи в поле password значение "wrong_password"
> нажми кнопку Login
> проверь есть ли сообщение об ошибке
🤖 AI ответ: Найдено сообщение об ошибке: "Invalid credentials"
Мониторинг изменений на сайте
# Проверка наличия товара
> go to store.com/product/ps5
> проверь есть ли кнопка "Add to Cart"
🤖 AI ответ: Кнопка "Add to Cart" не найдена, есть текст "Out of Stock"

# Можно настроить периодическую проверку
4. Расширенные возможности
Добавление прокси (в config.json)
{
  "proxy": {
    "enabled": true,
    "type": "socks5",
    "host": "127.0.0.1",
    "port": 9050
  }
}
Работа в headless режиме
{
  "browser": {
    "headless": true,
    "window_width": 1920,
    "window_height": 1080
  }
}
Использование с LM Studio вместо Ollama
{
  "ai": {
    "provider": "lmstudio",
    "base_url": "http://localhost:1234/v1",
    "model": "local-model"
  }
}

Этот AI-браузер особенно полезен для:

  • 🔍 Автоматизации рутинных задач
  • 🛡️ Тестирования с разными fingerprints
  • 📊 Сбора данных с защищенных сайтов
  • 🧪 Тестирования веб-приложений
  • 📈 Мониторинга цен и наличия товаров
  • 🤖 Обучения AI на реальных веб-интерфейсах