如何在Chrome DevTools控制台用JS提取Xpath结果的currentSrc属性

没问题，我来帮你快速解决这个需求！你只需要针对每个获取到的img元素，直接访问它的currentSrc属性就行，下面给你几种简单的实现方式：

方法1：用数组map方法一步到位（推荐） #

这种写法更简洁，直接把获取到的img元素数组转换成只包含currentSrc的URL数组：

// 获取所有符合条件的img元素，提取它们的currentSrc到新数组
const imageCurrentSrcList = $x("//img[contains(@src, 'https://')]").map(img => img.currentSrc);

// 打印整个URL数组
console.log(imageCurrentSrcList);

// 如果需要逐个打印每个URL
imageCurrentSrcList.forEach(url => console.log(url));

方法2：修改你原来的for循环 #

如果你习惯用for循环，只需要把console.log(x[i])改成console.log(x[i].currentSrc)，同时建议用数组长度作为循环边界（避免固定写150可能漏取或超出范围）：

var x = $x("//img[contains(@src, 'https://')]");
// 循环所有匹配到的元素，而不是固定150个
for (var i = 0; i < x.length; i++) {
  // 直接访问currentSrc属性并打印
  console.log(x[i].currentSrc);
}

小说明 #

你之前直接打印x[i]时，输出的是整个img DOM元素对象，所以会显示它的class、src、alt等所有属性和方法；而加上.currentSrc后，就只会提取这个属性对应的实际加载图片的URL啦～

内容的提问来源于stack exchange，提问作者sam9750