特定のウェブサイトから隠された画像リンクを取得しますか？私は、ダウンロードのウェブサイトで画像を見つけることを試みたとなり、開発者のplugin.anyの説明を使用して

Question

iは、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>