Как создавать устойчивые CSS-селекторы с нужной областью.
Селектор должен достаточно точно определять цель и переживать небольшие изменения вёрстки. Избегайте позиционных селекторов при наличии осмысленных атрибутов.
Адаптируйте процесс под свою задачу.
Выберите осмысленный устойчивый атрибут или семантическую связь, затем проверьте селектор в нужной области. Посчитайте совпадения и добавляйте состояние или контейнер только для определения нужной цели.
- Что вы предоставляете
- Предоставленный фрагмент DOM и целевой элемент.
- Что вы получите
- Селектор с объяснением специфичности и устойчивости.
Посмотрите входные данные и результат.
Иллюстративные входные и выходные данные · учебный пример, а не реальный запуск WebAct
Полей ввода: Пример
DOM contains a button with data-action="export".
Готовый пример
button[data-action="export"] targets the declared action; check that the attribute is unique within the intended scope.
Добавьте эти данные в промпт и скопируйте его в WebAct, чтобы попробовать задачу. Ваш результат может отличаться от примера.
Решения и устранение проблем.
Должен ли селектор опираться на текущую позицию элемента в списке?
Предпочитайте устойчивый смысл, если он доступен. Позиционный селектор может указать на другой элемент после небольшого изменения вёрстки или данных.
Почему селектор находит несколько кнопок экспорта?
Сузьте область до нужного контейнера или добавьте поддерживаемый отличительный атрибут. Проверьте число совпадений до использования в действии.
Попробуйте на собственном источнике.
Замените пример своим материалом в промпте. Сохраните нужные требования и скопируйте задачу в WebAct.
Настроить и скопировать задачу ↑