특정 웹 사이트의 이미지가 숨겨진 이미지를 얻으시겠습니까? 내가 다운로드 웹 사이트로 이미지를 찾기 위해 노력하고있을 것입니다 개발자 plugin.any 설명을 사용하여

Question

는 내가 HTML에 약간의 경험을 가지고하지만 난이 webpage 에서 이러한 photos 에 대한 링크를 얻을 방법을 알아낼 수 없습니다 매우 감사드립니다. 감사합니다

Answer 1

이미지가 포함 된 요소를 모두 선택해야합니다. 그러면 이미지를 가져올 수 있습니다. 해당 사이트에서 이미지는 :before css 속성 내에 있으므로 여기에서 이미지를 가져올 수 있습니다.

document.querySelectorAll('.we-best ul>li').forEach(el => { 
 
    let before = window.getComputedStyle(el, ':before') 
 
    let url = before.getPropertyValue('content').replace(/^url\(|\)$/g, '') 
 
    console.log(url) 
 
})

.we-best li.delivery::before { 
 
    content: url(https://privatewriting-a.akamaihd.net/images/privateWriting/stopwatch.svg); 
 
} 
 

 
.we-best li.aff-prices::before { 
 
    content: url(https://privatewriting-a.akamaihd.net/images/privateWriting/money-bag.svg); 
 
} 
 

 
.we-best li.free-service::before { 
 
    content: url(https://privatewriting-a.akamaihd.net/images/privateWriting/graduation.svg); 
 
}

<section class="we-best"> 
 
    <div class="container"> 
 
    <ul> 
 
     <li class="delivery"></li> 
 
     <li class="aff-prices"></li> 
 
     <li class="free-service"></li> 
 
    </ul> 
 
    </div> 
 
</section>