明确的html标记路径

时间:2017-08-06 18:16:30

标签: html google-chrome firefox browser

我正在编写一个程序,该程序将html标记作为输入,其中可以在网页上找到一条信息。我想尽可能简单地提供这个输入,理想的是从Web浏览器的inspect函数复制和粘贴。在Firefox中,检查>复制> css节点看起来很有希望,但是当路径中的任何地方存在多个相同类型的兄弟标签时,它并不起作用,因为它没有指定你所在的那个。

有没有一种直接从网络浏览器获取明确的标签标识符的好方法?

1 个答案:

答案 0 :(得分:0)

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;