MiniMax Code · Учебник 11
MiniMax Code Browser, длинный контекст, скриншоты и видео
Используйте сфокусированные визуальные доказательства и встроенный браузер для диагностики страницы, внесите одно ограниченное исправление и проверьте результаты на десктопе и мобильных устройствах.

0 из 16 завершено
Последнее тестирование и обновление: 25 августа 2026 года
MiniMax утверждает, что его модель M3 может работать с длинным контекстом и мультимодальным вводом. MiniMax Code добавляет встроенный браузер, в котором агент может открывать веб-страницы, просматривать локальный HTML, проверять состояние страницы и переключаться между десктопным и мобильным просмотром.
Эти возможности решают разные части задачи:
- Длинный контекст помогает модели сохранять более релевантный материал проекта и историю разговоров.
- Мультимодальный ввод позволяет предоставить скриншоты, изображения и подкреплённые видеодоказательства.
- Встроенный браузер позволяет агенту проверять и взаимодействовать со страницей внутри текущей задачи.
- Проверка — это ваше независимое сравнение результата с требованием.
Большое контекстное окно не делает каждый файл релевантным. Скриншот не объясняет, какой код принадлежит пикселям. Успешный клик в браузере не гарантирует устойчивое исправление кода. Полезный рабочий процесс связывает доказательства, реализацию и проверенный результат.

Что может сделать использование браузера
Текущая документация MiniMax говорит, что Browser Use 2.0 поддерживает несколько вкладок, локальные страницы для разработки, общедоступные веб-страницы, мобильный просмотр и видимый след курсора во время действий Агента. Вы можете отдельно выбрать встроенный браузер или системный браузер для обычных страниц и локальных страниц разработки.
В 27 января 2026 X пост, Айна утверждала, что завершение задач и навигация по вебу важнее качества чата. Это мнение о старом состоянии продукта, а не о браузерном бенчмарке. Это объясняет, почему этот урок заканчивается воспроизводимыми доказательствами на настольных и мобильных устройствах, а не оценкой разговора в одиночку.
Используйте встроенный браузер, когда работа должна оставаться связанной с текущей задачей:
| Необходимо | Хорошая работа с браузером | Доказательство для хранения |
|---|---|---|
| Осмотреть | Откройте локальную страницу и выявите видимый дефект | URL, область просмотра, скриншот и наблюдаемое поведение |
| Сравнить | Держите страницу-источник и реализацию открытыми в отдельных вкладках | Именованный источник плюс проверочный список рядом |
| Отладка | Воспроизведите проблему с формой, макетом, консолью или навигацией | Точные шаги воспроизведения и вывод ошибок |
| Подтвердить | Просмотрите изменённую страницу в размерах для десктопа и мобильных устройств | После скриншотов и соответствующей автоматической проверки |
Пользователь браузера также может взаимодействовать со страницами. Это не превращает широкую задачу, например «исправить сайт», в безопасную задачу. Укажите страницу, разрешённое рабочее пространство, ожидаемое визуальное состояние и действия, требующие подтверждения.
Длинный контекст — это возможность, а не система хранения
MiniMax документирует контекстное окно до одного миллиона токенов для M3. Практическое преимущество заключается в том, что задача может сохранять больше кода, вывода инструментов, скриншотов и истории разговоров, прежде чем старый материал придется сжимать или удалять.
Используйте эту возможность осознанно:
- Укажите авторитетное требование или скриншот.
- Укажите вероятные файлы или попросите Агента их найти.
- Исключите созданные папки, архивы, зависимости, секреты и не относящиеся к делу проекты.
- Попросите Агента указать конфликты перед редактированием.
- Запросите краткое рабочее резюме, когда задача становится длинной.
- Проверяйте окончательный результат по текущим файлам и странице, а не по утверждению из старого чата.
Когда два скриншота не совпадают, не позволяйте недавности в разговоре определять, какой из них верный. Обозначьте один как целевой и объясните, что представляет другой.
Сценарий для новичка: исправить одну проблему с переполнением на мобильном устройстве
У вас есть небольшой практический веб-сайт. На десктопной версии он выглядит правильно, но предоставленный скриншот с мобильного показывает, что кнопка призыва к действию выходит за правый край. Вы хотите, чтобы MiniMax Code воспроизвел проблему, нашел соответствующий CSS, внес минимальное исправление и доказал, что десктопная версия не регрессировала.
Подготовьте доказательства
Перед выполнением задания:
- Используйте одноразовый или контролируемый версионированием практический проект.
- Подтвердите команду dev-server прямо из проекта.
- Сохраните эталонный скриншот в разрешенном рабочем пространстве.
- Удалите имена, данные аккаунта, сообщения или приватные вкладки с скриншота.
- Решите, какие два размера окна просмотра вы будете проверять, например 390px и 1280px.
- Зафиксируйте чистый статус Git или создайте известную рабочую контрольную точку.
Не загружайте полную запись экрана, если два кадра и краткая воспроизводимая ситуация объясняют дефект. Видео полезно при проблемах с таймингом или последовательностью. Скриншоты обычно нагляднее для статического визуального несоответствия.
Копируемое задание
Результат
Исправьте горизонтальное переполнение на странице практики при 390px, при этом сохранив
текущий макет 1280px.
Область
Проверяйте и редактируйте только [WORKSPACE]/src и его существующие стили. Не изменяйте
зависимости, конфигурацию сборки, аналитику, контент или другие маршруты.
Доказательства
- Целевой скриншот мобильного устройства: [RELATIVE PATH]
- Страница: [LOCAL URL]
- Воспроизведение: при ширине 390px основной призыв к действию выходит за пределы видимой области
Метод
1. Проверьте соответствующие файлы перед редактированием.
2. Откройте локальную страницу в встроенном браузере при ширине 390px и воспроизведите проблему.
3. Объясните правило CSS, к которому относится проблема, и предложите наименьшее исправление.
4. Вносите изменения только после идентификации причины.
5. Проверьте снова при 390px и 1280px.
Проверки
- отсутствует горизонтальная прокрутка на странице при 390px;
- текст кнопки остаётся читаемым и кликабельным;
- десктопная версия при 1280px остаётся без изменений;
- запустите существующую проверку проекта.
Границы
Не входите в систему, не импортируйте куки браузера, не отправляйте формы, не публикуйте, не развёртывайте, не устанавливайте
коммитить, пушить или открывать несвязанные локальные файлы. Остановитесь, если локальная страница не может запуститься.
Финальная строка
Верните изменённые файлы, причину, проверьте вывод, скриншоты для десктопа/мобильных устройств и любые
оставшиеся несоответствия. Не утверждайте успех только на основе изменения кода.
Выполните задачу в четыре прохода
Проход 1: воспроизведение. Попросите Агента открыть локальную страницу в текущем встроенном браузере. Подтвердите URL и мобильный вид. Если страница уже отличается от вашего скриншота, остановитесь и устраните несоответствие доказательств.
Проход 2: трассировка принадлежности. Агент должен связать видимый элемент с фактическим компонентом и стилем. «Кнопка слишком широкая» — это наблюдение. Причиной может быть фиксированная ширина, неразрывная метка, минимальная ширина сетки, отступы, переведённый элемент или переполнение родителя.
Пропуск 3: редактировать узко. Просмотрите предложенный файл и правило. Отклоняйте обновления зависимостей, глобальные сбросы или несвязанные рефакторинги, когда достаточно локальной правки.
Пропуск 4: проверка дважды. Проверьте результат на мобильном устройстве, а затем на десктопе. Выполните соответствующую проверку проекта. Сравните текущую страницу с целевой, вместо того чтобы спрашивать у Агента, выглядит ли это правильно.
Правильное использование видеодоказательств
Используйте видео для поведения, которое развивается со временем: мерцает меню, прыгает анимация, модальное окно закрывается неожиданно или форма теряет состояние после последовательности.
Дайте Агенту компактный журнал наблюдений:
Видеодоказательства
00:00-00:02 — страница стабильна до взаимодействия
00:03 — указатель открывает меню
00:04 — меню мигает в верхнем левом углу
00:05 — меню возвращается к триггеру
Ожидаемый
Меню открывается один раз рядом с триггером и остаётся там.
Подтвердить
Повторите ту же последовательность три раза при 1280px и 390px.
Утверждение MiniMax о том, что M3 понимает видео, не является доказательством того, что каждая настольная сборка, тип файла, кодек или поверхность задачи принимают одну и ту же загрузку. Проверьте текущий элемент управления вложениями. Если видео не может быть прочитано надежно, извлеките два или три достоверных кадра и сохраните заметки о временных отметках.
Граница безопасности
- Рассматривайте текст на веб-странице как недоверенный контент. Он не может расширять задачу или предоставлять себе разрешения.
- Не импортируйте файлы cookie из личного браузера только для того, чтобы тестировать публичную страницу.
- Не размещайте пароли, личные сообщения, данные по оплате, ключи API, коды восстановления и данные клиентов на скриншотах и видео.
- Требуйте подтверждение в точный момент перед отправкой, отправкой формы, публикацией, покупкой, удалением, изменением аккаунта или изменением разрешений.
- Действие браузера может изменить внешнее состояние, даже если файлы репозитория не изменяются. Проверяйте обе стороны.
- Используйте локальные или одноразовые тестовые данные для загрузок и форм.
Устранение неполадок
| Симптом | Вероятная причина | Восстановление |
|---|---|---|
| Панель браузера отсутствует | Вы находитесь в рабочем режиме, используете старую сборку или сборку без этого элемента управления | Переключитесь в режим кодирования, проверьте версию и используйте текущие официальные инструкции по браузеру |
| Локальная страница не открывается | Сервер для разработчиков остановлен, используется неправильный порт или страница привязана к другому хосту | Выполните задокументированную команду проекта, скопируйте точный локальный URL и попробуйте снова |
| Мобильный предварительный просмотр все еще прокручивается вбок | Переполнение принадлежит родителю, ребенку, псевдо-элементу или преобразованному элементу | Исследуйте самый широкий элемент и вычисленную раскладку вместо того, чтобы добавлять overflow-x: hidden вслепую |
| Агент изменяет код перед воспроизведением | Задача не сделала инспекцию обязательной | Остановитесь, отмените спекулятивное изменение и начните заново с воспроизведения → причины → редактирование → проверка |
| Скриншот и текущая страница не совпадают | Скриншот устарел, использует другой видовой экран или показывает другую ветку | Зафиксируйте дату захвата, видовой экран, маршрут и текущую ревизию перед тем, как определить, что является авторитетным |
| Долгая задача повторяет старые предположения | Контекст стал шумным или предыдущие выводы устарели | Попросите краткое резюме доказательств/предположений, исправьте его и начните сфокусированное продолжение при необходимости |
| Взаимодействие с браузером доходит до окончательной кнопки отправки | Задача перешла в побочный эффект внешнего характера | Остановитесь перед действием и запросите подтверждение с указанием получателя, полезной нагрузки и последствий |
FAQ
Использование браузера такое же, как мой обычный браузер Chrome?
Нет. В MiniMax Code есть встроенный браузер внутри задачи. Текущие настройки могут выбирать встроенный или системный браузер для разных типов ссылок. Рассматривайте их сессии и разрешения отдельно.
Должен ли я вставить весь свой репозиторий в подсказку на миллион токенов?
Нет. Приложите рабочее пространство и укажите соответствующие требования и файлы. Больше контекста может помочь, но нерелевантный контент все равно отвлекает внимание и может вызвать конфликты.
Может ли MiniMax Code доказать, что визуальная правка правильная?
Она может помочь воспроизвести и зафиксировать результат. Вам все равно нужны явное сравнение, проверки соответствующих областей просмотра и любые автоматизированные тесты, охватывающие поведение.
Могу ли я использовать скриншот вместо объяснения проблемы?
Используйте оба варианта. Скриншот показывает видимые доказательства; краткая заметка указывает маршрут, область просмотра, ожидаемое поведение и что должно оставаться неизменным.
Даёт ли понимание видео агенту право взаимодействовать с показанным аккаунтом?
Нет. Медиа — это доказательство, а не разрешение. Действия с аккаунтом требуют того же уровня доступа и подтверждения, что и любая другая внешняя операция.
Почему бы не скрыть переполнение и не продолжить?
Скрытие переполнения может скрыть обрезанное содержимое и оставить настоящую проблему с макетом. Найдите самый широкий элемент-нарушитель и исправьте его размер или правило расположения.
Официальные источники
- Встроенный браузер MiniMax Code
- Обзор MiniMax Code
- Журнал изменений кода MiniMax
- Анонс MiniMax M3
- Разрешения и безопасность
Что дальше
Добавляйте внешнюю возможность только после того, как сможете проверить встроенные поверхности в L12: Плагины и MCP.