Проверка и извлечение в браузере

Бесплатная инвентаризация кнопок сайта.

Подписи, типы и видимый контекст кнопок.

Составляйте список элементов управления изучаемой страницы с именами и контекстом до планирования изменений интерфейса.

Нужны расширение Chrome и аккаунт.
25 бесплатных задач автоматизации в месяц суммарно для всех инструментов. Действуют ограничения провайдера в браузере.

ЧТО НУЖНО ПОДГОТОВИТЬ

Отображаемые элементы управления страницы.

ОТПРАВНАЯ ТОЧКА

Задача, которую можно настроить под себя.

Скопируйте здесь. Вставьте в WebAct, когда будете готовы.

Эта страница подготавливает промпт. Задача выполняется в WebAct.

01

Настройте задачу под себя.

Проверьте промпт выше. Добавьте свою цель и важные требования.

02

Перенесите задачу в WebAct.

Откройте исходную страницу, активируйте WebAct и выберите нужное доступное для чтения содержимое. Вставьте задание и предоставьте дополнительные исходные материалы, которые оно запрашивает.

03

Проверьте полезную часть.

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

ПРАКТИЧЕСКОЕ РУКОВОДСТВО

Как составить список элементов управления в контексте.

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

Адаптируйте процесс под свою задачу.

Перечислите доступные для действия элементы в заданной области страницы, записав видимую подпись, доступное имя, роль и состояние, если они есть. Связывайте повторяющиеся подписи с их контейнерами. Не нажимайте элементы только ради опознания; отметьте неизвестное поведение для дальнейшей проверки.

Что вы предоставляете
Отображаемые элементы управления страницы.
Что вы получите
Подписи, типы и видимый контекст кнопок.

Посмотрите входные данные и результат.

Иллюстративные входные и выходные данные · учебный пример, а не реальный запуск WebAct

Полей ввода: Пример

Supplied DOM: <button>Save draft</button> and <button><svg aria-hidden="true"></svg></button>. Second control visually uses a trash icon; no other naming attributes.

Готовый пример

Control 1: native button, visible and accessible name "Save draft".
Control 2: native button, no accessible name in the supplied markup; decorative SVG does not provide one.
Review: confirm the second action, then provide an accurate name such as Delete item if that is its actual function.
Скачать этот пример

Добавьте эти данные в промпт и скопируйте его в WebAct, чтобы попробовать задачу. Ваш результат может отличаться от примера.

Решения и устранение проблем.

Включать ли в список ссылки, оформленные как кнопки?

Да, при проверке интерфейса, но сохраняйте их роль ссылки и адрес назначения, чтобы отличать переход от действия.

Почему в результате трудно различить несколько кнопок «Удалить»?

Отсутствует окружающая запись или раздел. Добавьте этот контекст и проверьте, различаются ли доступные имена.

Попробуйте на собственном источнике.

Замените пример своим материалом в промпте. Сохраните нужные требования и скопируйте задачу в WebAct.

Настроить и скопировать задачу ↑
ПЕРЕД НАЧАЛОМ

Использование WebAct.

Промпт и пример доступны здесь. Выполните задачу в расширении WebAct для Chrome.

Этот инструмент бесплатный?

Здесь можно бесплатно копировать и редактировать промпт. Для использования с WebAct установите расширение Chrome, создайте и подтвердите аккаунт и подключите доступную сессию ChatGPT в браузере. План Free включает 25 задач автоматизации, запускаемых пользователем, за календарный месяц суммарно для всех инструментов. Обычный браузерный Chat учитывается отдельно; действуют ограничения провайдера.

Узнайте об общем контексте в нашем политике конфиденциальности и о выборе между Chat и Task.

ОТ ПРОМПТА К ВАШЕЙ РАБОТЕ

Перенесите задачу на свою страницу.

Установите WebAct, добавьте исходные материалы и адаптируйте результат.

Установить WebAct