Предложения по получению согласованного xpath для элемента dom в javascript

Question

Я тестировал несколько фрагментов кода, npm пакетов и т. Д. c. пытаясь найти способ последовательно получать xpath от узла dom. Единственное решение, которое я нашел и которое работает последовательно, - это использование инструментов chrome dev и выбор copy -> copyFullXpath.

То, что у меня есть в настоящее время, работает достаточно хорошо, но, похоже, не работает для тегов , Я специально пытаюсь получить данные от администратора магазина. Я понимаю, что у них есть API, но мне нужно что-то, что я могу реализовать в расширении chrome. Интерфейс Shopify реализован в React, но я не думаю, что он связан. В настоящее время я использую это с успехом, кроме shopify тегов: https://github.com/firebug/firebug/blob/f8cf7e9c918dcf67c58f5affc0fb3716b0660232/extension/content/firebug/lib/xpath.js

Я вижу, chrome dev инструменты с открытым исходным кодом, но я не знаю достаточно, чтобы извлечь xpath часть (DomPath. js).

Любые предложения приветствуются.

Answer 1

После дополнительной отладки я обнаружил, что при наведении курсора на теги привязки элемент div вставляется на несколько узлов вверх по иерархии. Это было, по сути, благодаря сайту. Я решил при получении xpath от элемента клонировать текущий узел и повторно добавить его к его родителю, чтобы прослушиватели событий были удалены. Это решило мою проблему.