Discussion :

[Gob59]

Bonjour,

J'ai un soucis lors du scrap de certaines (car d'autres le sont correctement) balises <img>
quand j'inspecte le code de la page, j'ai dans l'inspecteur (f12) :


Mais quand je vais les chercher dans le code via :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
authors = elt.querySelectorAll('img');
authors.forEach(function(img){	
      // TODO TODO TODO
      console.log(img);
      console.log("brevets src : " + img.getAttribute('src'));
      console.log("brevets alt : " + img.getAttribute('alt'));
}); // foreach

j'obtiens dans la console :


Comment est ce même possible ?
on voit bien le alt mais sans la valeur afféctée ???
on a même pas le src !?

Ce n'est pourtant pas la première fois que je vais chercher des images pour les afficher via du scrap, je ne comprends pas ce qui cloche ici ?

D'avance merci pour votre aide.

[Watilin]

L’inspecteur de la console reflète l’état actuel du DOM, au moment où tu regardes. Les systèmes de lazy load (chargement paresseux) sont courants et fonctionnent à peu près tous pareil : l’attribut src de l’image est rempli seulement lorsque la page a fini de charger, voire même plus tard.

Donc je pense que ton script de scrap est exécuté trop tôt, et ne « voit » pas les attributs src.
Pour régler ce problème, tu peux :

• utiliser l’évènement DOMContentLoaded de document ou load de window ;
• ou bien utiliser un MutationObserver en filtrant sur les attributs src.

[Invité]

Bonjour,

1- avec juste un fragment de code et des copies d'écran, on ne peut rien tester.
Donc, rien dire de plus.

2- ATTENTION avec l'Inspecteur (F12)
Le code affiché (dans l'inspecteur) n'est pas forcément le code réel de la "source".

un exemple simple (<div> dans un <p>) :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<p>p1<div>div</div>p2</p>

L'Inspecteur va afficher :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<p>p1</p>
<div>div</div>
p2
<p></p>

Ou encore (erreur d'imbrication de balises) :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<p>p1<div>div</p></div>

donnera :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<p>p1</p>
<div>
  div
  <p></p>
</div>

Le navigateur "corrige" certaines "erreurs".

Par conséquent, tes copies d'écran ne reflètent pas forcément la réalité du code.
Ni, comme dit Watilin, ce que ton script JS "voit" au moment où il est exécuté.

[Gob59]

Bonjour,
Je ne vois pas comment faire autrement s'il y a des scripts de lazy loading entre autre :s

sinon,
@watilin, j'ai rajouté pour test, un sleep(2000) entre le moment ou le scraper clique pour dérouler le volet et le moment ou je vais chercher les images et le resultat est le même :s

Je vois même l'image s'afficher dans le navigateur 1sec avant que le log ne s'affiche...

[Watilin]

Il fonctionne comment ton scraper ? Est-ce une extension de navigateur ?