在包含特定文本的网页中查找每个 src 值 javascript

Question

我想查找并“console.log”具有特定文本的 HTML 页面中的每个 src 值；例如 (dam/etc/vsvs)。是否可以使用 javascript 并在控制台中执行此操作，因为我无法访问页面的源代码？我不是开发人员，只是想找到我想要的图像并列出它们。

任何帮助将不胜感激。

提前致谢。

Answer 1

据我了解，您有一个 HTML 页面，您需要获取每个 src 满足某些预期的值（即以 smth 开头，包括 smth）。

因此，如果您能够运行页面上的脚本，那么您可以逐个节点递归地检查它是否具有 src 属性。

const findSrc = (node) => {
  const attributesToCheck = ['src', 'srcset', 'data-srcset']

  const srcs = attributesToCheck.map(name => {
    const attr = node.getAttribute(name)

    // here is a condition for your match
    return attr?.startsWith("/etc") ? attr : false
  }).filter(Boolean)

  if (node.children) {
    return srcs.concat(Array.from(node.children).flatMap(findSrc));
  }

  return srcs;
};

console.log(findSrc(document.body));

在包含特定文本的网页中查找每个 src 值 javascript

Find every src value in a webpage that contains certain text javascript

javascript

getelementsbytagname