单击获取元素的外部 HTML

Question

我正在做一个寻找 xpath 的项目，我需要最快和最简单的方法让用户在网页中实际 select 他想要找到 xpath 的元素。 理想情况下，只需单击即可进行选择，这需要返回该元素的 outerHTML 值，因此我可以获取它并针对页面的 fullHTML 进行处理以找到任何指示器。

现在，我卡住了双击元素，按下检查元素和复制，所有这些都是手动的，这不好。我知道在 selenium 中自动化，但我还没有找到自动化这个过程的方法。

任何建议、想法或最好的答案将不胜感激！ 谢谢

Answer 1

您想在单击元素时查看元素的路径吗？ 这样的事情会起作用：

window.addEventListener("click", (e) => {
  let element = e.target
  let path = []
  while(element.parentElement){
    let i = [...element.parentElement.children].indexOf(element)
    path.unshift(`${element.tagName}:nth-child(${i + 1})`)
    element = element.parentElement
  }
  alert(path.join("/"))
})