Всем привет! Уже пару месяцев успешно пользуюсь приложением для составления путей Xpath, которое навайбкодил с нейросетями. Получился удобный инструмент для создания, генерации и редактирования XPath-запросов. Думаю, он будет полезен как новичкам, так и опытным разработчикам.
Сама программа выполнена в виде HTML-файла, что позволяет пользоваться ею прямо в браузере.
Хотя программа и позволяет автоматически генерировать несложные пути, тем не менее, хотя бы начальные навыки понимания XPath вы должны иметь.
Интерфейс приложения разделен на несколько основных частей:
Поле Контекст (HTML код или данные) — сюда вставляется HTML-фрагмент элемента, для которого хотите получить XPath. Фрагмент кода обязательно должен содержать открывающую и закрывающую скобки. Пример:
<a href="/ru/products/zennoposter/" class="nav-link products-nav-link" data-gtm-id="go-to-zennoposter-page" data-gtm-position="header">
Поле «XPath путь» — здесь, после нажатия кнопки Генерировать Xpath, появляются сгенерированные XPath-выражения. Если подходящий путь не сгенерировался автоматически, вы можете доработать наиболее подходящее выражение вручную, выбирая кнопкой мыши, из блоков ниже, нужные вам оси, теги, предикаты.
Так же, над полем Контекст (HTML код или данные), под спойлером, есть вспомогательное поле Дополнительные данные (кастомные сниппеты, URL, описание), которое можно использовать, для форматирования, редактирования html, каких-то заметок, вставки и редактирования готовых путей и т.д. Поле так же поддерживает вставку данных из трёх блоков внизу.
Рабочие поля содержат вспомогательные кнопки:
Форматировать HTML – Если, скопированный из DevTools, html код идёт сплошной простынёй текста, эта кнопка приведёт его в отформатированный вид.
Очистить не выделенное – выделяете нужный вам фрагмент, всё остальное удалится из поля по нажатию кнопки.
Копировать в контекст – скопирует выделенный фрагмент кода в поле Контекст (HTML код или данные)
Копировать всё и Копировать выделенное – соответственно.
Как я, обычно использую приложение:
Копирую нужный элемент из DevTools, вставляю в поле Дополнительные данные (кастомные сниппеты, URL, описание), форматирую html если надо и копирую нужный фрагмент кода в поле Контекст (HTML код или данные), нажимаю Генерировать Xpath. Смотрю, что сгенерировалось. Если есть нужный мне путь, тестирую его в DevTools, если нужного пути нет, выбираю наиболее подходящий и дорабатываю его кнопками из трёх нижних блоков.
Видео работы:
Возможно, из описания не всё понятно, но потестировав приложение, быстро разберётесь.
Так как приложение является обычным html файлом, вы можете доработать его под себя самостоятельно или с помощью нейросетей.
Сама программа выполнена в виде HTML-файла, что позволяет пользоваться ею прямо в браузере.
Хотя программа и позволяет автоматически генерировать несложные пути, тем не менее, хотя бы начальные навыки понимания XPath вы должны иметь.
Интерфейс приложения разделен на несколько основных частей:
Поле Контекст (HTML код или данные) — сюда вставляется HTML-фрагмент элемента, для которого хотите получить XPath. Фрагмент кода обязательно должен содержать открывающую и закрывающую скобки. Пример:
<a href="/ru/products/zennoposter/" class="nav-link products-nav-link" data-gtm-id="go-to-zennoposter-page" data-gtm-position="header">
Поле «XPath путь» — здесь, после нажатия кнопки Генерировать Xpath, появляются сгенерированные XPath-выражения. Если подходящий путь не сгенерировался автоматически, вы можете доработать наиболее подходящее выражение вручную, выбирая кнопкой мыши, из блоков ниже, нужные вам оси, теги, предикаты.
Так же, над полем Контекст (HTML код или данные), под спойлером, есть вспомогательное поле Дополнительные данные (кастомные сниппеты, URL, описание), которое можно использовать, для форматирования, редактирования html, каких-то заметок, вставки и редактирования готовых путей и т.д. Поле так же поддерживает вставку данных из трёх блоков внизу.
Рабочие поля содержат вспомогательные кнопки:
Форматировать HTML – Если, скопированный из DevTools, html код идёт сплошной простынёй текста, эта кнопка приведёт его в отформатированный вид.
Очистить не выделенное – выделяете нужный вам фрагмент, всё остальное удалится из поля по нажатию кнопки.
Копировать в контекст – скопирует выделенный фрагмент кода в поле Контекст (HTML код или данные)
Копировать всё и Копировать выделенное – соответственно.
Как я, обычно использую приложение:
Копирую нужный элемент из DevTools, вставляю в поле Дополнительные данные (кастомные сниппеты, URL, описание), форматирую html если надо и копирую нужный фрагмент кода в поле Контекст (HTML код или данные), нажимаю Генерировать Xpath. Смотрю, что сгенерировалось. Если есть нужный мне путь, тестирую его в DevTools, если нужного пути нет, выбираю наиболее подходящий и дорабатываю его кнопками из трёх нижних блоков.
Видео работы:
Возможно, из описания не всё понятно, но потестировав приложение, быстро разберётесь.
Так как приложение является обычным html файлом, вы можете доработать его под себя самостоятельно или с помощью нейросетей.
