如何在Chrome检查器中使用XPath子字符串功能？

Question

如何在Chrome检查器中使用XPath substring功能？我无法在检查器的“元素”选项卡中创建工作示例。

例如，以下选择器：

//div[contains(text(),'Man')]

适用于this page，但是

substring(//div[contains(text(),'Man')], 2)

无法选择任何内容。它不应该继续选择与第一个选择器相同的元素吗？

最终，我将第二个选择器传递给JavaScript document.evaluate（）函数，以获取一部分 text（）字符串。到目前为止， document.evaluate（）不会为第二个选择器返回任何内容。

PS。我读了this个问题和一个this个问题，但他们没有提到使用Chrome检查器。

Answer 1

似乎在Chrome检查器中（使用DOM-元素选项卡中的搜索），您不能仅突出显示部分文本。

例如，如果尝试使用//div[contains(text(),'Man')]/text()，则会使整个div元素突出显示。

这可以解释为什么substring(//div[contains(text(),'Man')], 2)不起作用。遗憾的是，我在文档中找不到有关此信息。

因此，您也可以在控制台中使用$x(path)或Document.evaluate()。
例如，
$x("substring(//div[contains(text(),'Man')], 2)")
或
document.evaluate("substring(//div[contains(text(),'Man')], 2)", document)