Safari中document.evaluate提取XPath属性的替代方案及href异常问题

问题情况 #

在Chrome和Firefox中，使用/@属性名的XPath语法可以正常提取元素属性值，但因AppleScript需求必须使用Safari时发现：class、role、tabindex等属性都能正常获取，唯独href属性只返回字符串'href'，而非实际链接值。

重现细节 #

在页面提取关注者链接时，目标<a>标签的XPath为：
//div/div[1]/div/div[3]/div/div/div/div[1]/div[1]/div/div/div[4]/div/div/div/div/div/div/div/div/div[3]/div/div[2]/div[1]/a
添加/@href后缀后，返回结果异常，仅得到字符串'href'。

兼容Safari的解决方法 #

方法一：先获取元素节点，再通过DOM属性访问 #

先定位到<a>元素本身，再直接读取元素的href属性（浏览器会返回解析后的绝对URL），或者用getAttribute('href')获取原始属性值（可能是相对路径）。示例代码：

// 定位元素的XPath（不含/@href后缀）
const elementXPath = '//div/div[1]/div/div[3]/div/div/div/div[1]/div[1]/div/div/div[4]/div/div/div/div/div/div/div/div/div[3]/div/div[2]/div[1]/a';
// 执行XPath获取元素节点
const result = document.evaluate(elementXPath, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
const linkElement = result.singleNodeValue;

if (linkElement) {
  // 获取解析后的绝对URL
  const absoluteHref = linkElement.href;
  // 或获取原始属性值（可能是相对路径）
  const originalHref = linkElement.getAttribute('href');
}

方法二：用string()函数包裹属性路径 #

调整XPath语法，使用string()函数直接获取属性值，避免Safari对属性节点的解析问题。示例代码：

// 用string()包裹属性路径
const hrefXPath = 'string(//div/div[1]/div/div[3]/div/div/div/div[1]/div[1]/div/div/div[4]/div/div/div/div/div/div/div/div/div[3]/div/div[2]/div[1]/a/@href)';
const result = document.evaluate(hrefXPath, document, null, XPathResult.STRING_TYPE, null);
const hrefValue = result.stringValue;

原因说明 #

Safari的document.evaluate在处理href这类特殊属性时，直接提取属性节点（/@href）可能返回属性节点的名称而非值，而通过DOM元素直接访问属性或使用string()函数可以绕过这个解析异常，正确获取href的实际值。

内容的提问来源于stack exchange，提问作者d-b