Как получить все ссылки на изображения js
пишу расширения для получения всех картинок и у меня возник вопрос но я нигде не нашёл ответа. На сайте могут быть много картинок по разным ссылка и не только в тегах img а и в скриптах и в css и могут быть разные ссылки например -
<p> http://somylink.com/image.jpg </p>
хоть картинка не выводиться но мне тоже надо её ссылку получить
метод сделать по $("img") не выйдет так как не у всех сайтах есть теги img.
например - https://www.apple.com/ru/pages/ - картинок много а тега img ни одного.
Ответы (1 шт):
Вам придется пройтись по всем узлам страницы и проверить содержимое, стили и атрибуты каждого из них. Примерно таким образом:
const body = $('body');
const check_children = function(elem){
const child_arr = elem.children();
if(!child_arr.length){
return;
}
for(var i = 0; i < child_arr.length; i++){
const child = $(child_arr[i]);
find_img(child);
check_children(child);
}
};
В find_img пишете все необходимые условия. Например, маску для поиска в тексте elem.text().match(/http.+.jpg/) или проверку на наличие фона elem.css('background-image') !== 'none'