html標記的明確路徑

Question

我正在編寫一個程序，該程序將html標記作爲輸入，可以在網頁上找到一條信息。我希望儘可能簡單地提供此輸入，最好是從Web瀏覽器的檢查功能複製和粘貼。在firefox中，inspect> copy> css節點似乎很有前途，但當路徑中的任何位置存在多個相同類型的同級標記時，​​它不起作用，因爲它沒有指定您在使用哪一個。

是否有一種很好的方法直接從Web瀏覽器獲得明確的標籤標識符？

Answer 1

xpath可以用作明確的標識符。

使用Chrome的開發人員工具檢查元素，並在元素面板中右鍵單擊元素，從菜單中選擇複製/複製XPath（請參閱https://stackoverflow.com/a/42194160/2314737）。

例如，在問題的第二段具有的xpath：

var path='//*[@id="question"]/table/tbody/tr[1]/td[2]/div/div[1]/p[2]'; 

要查看它：

document.evaluate(path, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;