I want to find and "console.log" every src value in an HTML page that has a certain text; for example (dam/etc/vsvs). Is it possible to do it with javascript and in the console, as I'm not able to reach to source code of the page? I'm not a developer just trying to find the images I want and list them.
Any help will be appreciated.
Thanks in advance.
As far as I understand, you have an HTML page and you need to grab every src value which meets some expectations (i.e. starts with smth, includes smth).
So, if you are able to run a script on the page then you can recursively go node by node and check if it has an src attribute.
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));