單擊獲取元素的外部 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("/"))
})