Что такое XPath Diner?

XPath Diner - это бесплатная интерактивная игра для изучения XPath селекторов. Вы выбираете элементы на виртуальном столе, вводя XPath выражения, подобно игре CSS Diner.

Сколько уровней в игре?

В игре 32 уровня различной сложности - от базовых селекторов до продвинутых XPath выражений с осями и функциями.

Подходит ли игра для начинающих?

Да! Игра начинается с простых заданий и постепенно усложняется. Каждый уровень содержит подсказки и примеры.

Сохраняется ли прогресс?

Да, прогресс сохраняется в браузере. Вы можете вернуться к игре в любое время и продолжить с того места, где остановились.

Чем XPath Diner отличается от CSS Diner?

XPath Diner фокусируется на XPath селекторах, которые используются в Selenium и других инструментах автоматизации. CSS Diner обучает CSS селекторам.

🍽️

XPath Diner

Интерактивная игра для изучения XPath селекторов

Как играть

Вводите XPath селекторы, чтобы выбрать правильные элементы на столе

Обучение

Каждый уровень содержит подсказки и примеры

Прогресс

Пройдите все 21 уровней и станьте мастером XPath

Уровень 1

Выбор элементов по типу

Type Selector

//A

Выбирает все элементы типа A. Тип соответствует тегу: div, p и ul — разные типы.

Примеры

//div выбирает все элементы div.

//p выбирает все элементы p.

💡

Подсказка

Наведите курсор на элементы стола, чтобы увидеть их HTML

🍽️

XPath Diner

Изучаем XPath

Прогресс1 / 21

Выберите тарелки

Уровень 1 из 21

📝

XPath Редактор

🔍

HTML Просмотр

<plate>

</plate>

<plate>

</plate>

Уровни

Пройдено

Всего

🍽️

XPath Diner

Интерактивная игра для изучения XPath селекторов

Как играть

Вводите XPath селекторы, чтобы выбрать правильные элементы на столе

Обучение

Каждый уровень содержит подсказки и примеры

Прогресс

Пройдите все 21 уровней и станьте мастером XPath

Уровень 1

Выбор элементов по типу

Type Selector

//A

Выбирает все элементы типа A. Тип соответствует тегу: div, p и ul — разные типы.

Примеры

//div выбирает все элементы div.

//p выбирает все элементы p.

💡

Подсказка

Наведите курсор на элементы стола, чтобы увидеть их HTML

🍽️

XPath Diner

Изучаем XPath

Прогресс1 / 21

Выберите тарелки

Уровень 1 из 21

📝

XPath Редактор

🔍

HTML Просмотр

<plate>

</plate>

<plate>

</plate>

Уровни

Пройдено

Всего