Кнопка «К началу ответа» для AI-чатов: готовые юзерскрипты

Андрей Отинов -

Вы читаете длинный ответ нейросети, доходите до середины, понимаете, что упустили важную деталь в начале, крутите колёсико мыши вверх — а бот в этот момент дописывает новый абзац, и весь текст уезжает обратно вниз. Штатная кнопка «наверх» кидает к шапке сайта, а не к началу сообщения ассистента.

Источник: Habr

Разработчик Артём Ерыков опубликовал на Habr набор из примерно десяти юзерскриптов, которые решают эту проблему для всех популярных AI-чатов. Скрипты вешают в углу экрана кнопку, которая телепортирует прямо к первой строке последнего ответа. Заодно они скрывают визуальный мусор — блоки рассуждений, индикаторы генерации, подсказки — который разработчики не дают отключить штатными средствами.

Если ваша команда регулярно работает с AI-чатами и тратит время на ручной скролл, стоит проверить, подходит ли это решение под ваши браузеры и процессы. Коды готовы — их нужно скопировать и установить через расширение Tampermonkey.

Что именно изменилось и как это работает

Автор написал юзерскрипты для ChatGPT, Qwen, DeepSeek, Claude, Gemini, Grok и Perplexity. Логика у всех одинаковая:

  • скрипт ищет в DOM-дереве последний блок с ответом ассистента;
  • рисует поверх страницы кнопку с фиксированным положением;
  • по клику вызывает scrollIntoView — браузер прокручивает ровно к началу этого блока;
  • блок на секунду подсвечивается, чтобы было понятно, куда именно вы перешли.

Поскольку все эти чаты работают как SPA (одностраничные приложения), просто повесить обработчик на загрузку страницы нельзя. Скрипты используют MutationObserver — слушают изменения в DOM, иначе при переходе в новый диалог кнопка отвалится.

Почему это меняет время и удобство работы

Главная проблема, которую решают скрипты, — потеря контекста при чтении длинных ответов. Без кнопки пользователь тратит 5–15 секунд на ручной скролл и ловлю текста, особенно если ответ генерируется в реальном времени.

Для сотрудника, который работает с AI-чатами 20–30 раз в день, это превращается в 5–10 минут потерянного времени ежедневно. Для команды из 10 человек — до 100 минут в день.

Скрипты также скрывают блоки, которые разработчики чатов не дают отключить штатными методами: цепочки рассуждений, индикаторы «думания», подсказки для продолжения. Это не влияет на функциональность, но убирает визуальный шум.

Как установить и адаптировать скрипт

Для работы потребуется расширение Tampermonkey — оно доступно для Chrome, Microsoft Edge, Firefox, Safari и Opera Next. Установка бесплатна.

Дальше нужно:

  1. Открыть Tampermonkey в браузере, нажать «Создать новый скрипт».
  2. Скопировать код из статьи на Habr для нужного чата.
  3. Сохранить скрипт — он автоматически включится на страницах, указанных в @match.

Пример для ChatGPT — полный код опубликован в исходной статье. Скрипт срабатывает на всех страницах https://chatgpt.com/*.

Важно: скрипты написаны для конкретных селекторов DOM. Если интерфейс чата обновится, селекторы могут перестать работать. Автор предупреждает, что не тестировал код на всех версиях браузеров и приглашает сообщество улучшать скрипты в комментариях.

Сравнение селекторов для разных платформ

У каждой платформы свои особенности поиска блока с ответом. Вот как автор описывает различия:

Платформа Как ищется блок ответа Надёжность селектора
ChatGPT [data-message-author-role="assistant"] Высокая — стабильные data-атрибуты
Claude Предсказуемые классы Высокая
Gemini Веб-компонент model-response Средняя
Grok Markdown-контейнеры Средняя
DeepSeek Класс .ds-message (хеш-классы, могут меняться) Низкая — нужны фолбэки
Qwen Перебор нескольких вариантов селекторов Средняя — скрипт подстраивается
Perplexity Поиск внутри специфичных renderer-блоков Низкая — сложная структура

Для DeepSeek и Perplexity риск поломки при обновлении интерфейса выше. Автор рекомендует следить за комментариями к статье — там могут появляться обновлённые версии скриптов.

Где скрипты могут не сработать

Основные ограничения:

  • Обновление интерфейсов чатов. Если разработчики платформы меняют CSS-классы или структуру DOM, скрипт перестанет находить блок ответа. Потребуется обновить селектор.
  • Не все браузеры проверены. Автор не тестировал скрипты на всех версиях Tampermonkey и браузеров. Возможны несовместимости.
  • SPA-архитектура. Если чат кардинально изменит способ загрузки страниц, MutationObserver может не уловить изменения. Потребуется доработка.
  • Корпоративные политики безопасности. В некоторых компаниях установка расширений для браузера запрещена или требует одобрения IT-отдела.

Что проверить до внедрения

Прежде чем ставить скрипты всей команде, выполните пять простых проверок:

  1. Установите Tampermonkey на свой рабочий браузер — убедитесь, что расширение не конфликтует с корпоративными политиками.
  2. Скопируйте код для того чата, который используете чаще всего, и сохраните как новый скрипт.
  3. Откройте чат и отправьте длинный запрос — проверьте, появляется ли кнопка и работает ли переход к началу ответа.
  4. Переключитесь на новый диалог — убедитесь, что кнопка не пропадает.
  5. Проверьте скрытие блоков — убедитесь, что скрипт не убрал что-то важное для вашей работы (например, цепочки рассуждений, если вы их используете).

Если всё работает, можно установить скрипты для остальных чатов, которыми пользуется команда.

Источники

Генерация изображения

  • Модель: flux-schnell
  • Провайдер: replicate

Темы журнала

Что почитать дальше