Passer au contenu principal

Défilement partiel – Faire défiler une zone spécifique d’une page web

Mis à jour il y a plus de 3 mois

Qu’est-ce que le « Défilement partiel » ?

Dans la plupart des cas, il faut faire défiler toute la page en utilisant la barre de défilement par défaut située à droite. Pour ces pages, la méthode de défilement standard fonctionne bien.

Cependant, certaines pages, comme celles des avis ou des publications, sont conçues différemment.

Prenons par exemple la page des avis Google Maps :

Les avis s’affichent dans la partie gauche de la page, et cette zone possède sa propre barre de défilement. Lorsque vous faites glisser cette barre vers le bas, seule la section des avis défile et charge plus d’avis. Vous remarquerez cependant que les autres parties de la page restent fixes et ne défilent pas.

Pour faire défiler la partie des avis, vous devrez configurer une étape de Défilement partiel dans Octoparse.


Comment configurer le défilement partiel dans Octoparse ?

Il existe deux façons de le faire :

1. Ajouter une action de défilement pour « Aller à la page Web » ou « Cliquer sur un élément » (faire défiler pour finir le chargement avant d’extraire les données)

Prenons l’exemple de « Aller à la page Web ».

  • Cliquez sur Aller à la page Web

  • Allez dans l’onglet Options

  • Cochez Faire défiler la page après son chargement

  • Sélectionnez Partiel dans la section Zone de défilement

  • Cliquez sur le bouton à droite de la zone de saisie XPath pour sélectionner la zone à faire défiler. Cela générera automatiquement le XPath et indiquera à la tâche où faire défiler

  • Cliquez sur Appliquer

2. Configurer le défilement pour l’élément de boucle (défiler et extraire en même temps)

  • Ajoutez une étape Élément de boucle dans le flux de travail

  • Cliquez sur Élément de boucle et changez le Mode de boucle en Faire défiler la page

  • Sélectionnez Partiel dans la zone de défilement

  • Cliquez sur le bouton à droite de la zone de saisie XPath pour sélectionner la zone à faire défiler

  • Cliquez sur Appliquer


Que faire si le XPath généré automatiquement ne fonctionne pas ?

Lorsque cela se produit, vous pouvez essayer d’écrire un nouveau XPath qui localise la zone de défilement sélectionnée.

Voici les étapes à suivre :

  • Faites un clic droit sur la barre de défilement pour inspecter le code source de la page web.

  • Trouvez le code correspondant à la zone de défilement.

Conseil : il y aura un identifiant contenant le mot scroll à la fin du code HTML de l’élément correspondant à la fenêtre de défilement. Vous pouvez utiliser cet identifiant pour trouver le bon élément.

  • Faites un clic droit sur l’élément et choisissez « Copy XPath ».

  • Mettez à jour le XPath dans Octoparse.

Note : si le XPath que vous avez copié ne fonctionne pas, essayez de l’écrire vous-même.

Consultez ce tutoriel utile pour en savoir plus sur le XPath : Qu’est-ce que le XPath et comment l’utiliser dans Octoparse.

Avez-vous trouvé la réponse à votre question ?