Comment faire défiler vers un élément dans Selenium ?

Faire défiler vers un élément dans Selenium peut être réalisé au moyen de la méthode execute_script, qui vous permet d’exécuter du JavaScript au sein de votre session de navigation. Cette approche permet de faire défiler vers n’importe quel WebElement identifié par divers sélecteurs Selenium. Voici un guide étape par étape qui explique comment faire défiler vers un élément spécifique à l’aide de Selenium, y compris un exemple de code amélioré qui permet de naviguer vers une page web et de faire défiler vers un élément précisé.

Comment faire défiler vers un élément dans Selenium ?

Pour faire défiler vers un élément, vous devez :

initialiser une instance de WebDriver.
naviguer vers la page web cible.
localiser le WebElement vers lequel vous souhaitez défiler à l’aide d’un sélecteur adapté.
utiliser la méthode execute_script pour exécuter une commande JavaScript qui fait défiler vers l’élément.

Voici un exemple de code qui permet de naviguer vers une page web et de faire défiler les pages jusqu’à un élément spécifique (p. ex. un élément avec un identifiant spécifique).

Exemple de code

      de selenium importer webdriver from selenium.webdriver.common.by import By from selenium.webdriver.chrome.service import Service from selenium.webdriver.chrome.options import Options from webdriver_manager.chrome import ChromeDriverManager # Configurer les options de Chrome chrome_options = Options() chrome_options.add_argument("--start-maximized") # Initialiser le WebDriver driver = webdriver.Chrome(service=Service(ChromeDriverManager().install()), options=chrome_options) # Naviguer vers la page web souhaitée driver.get("http://www.scrapingbee.com") # Code JavaScript pour faire défiler vers un élément précisé js_code = "arguments[0].scrollIntoView({behavior: ’smooth’, block: ’center’});" # Localiser le WebElement vers lequel vous souhaitez faire défiler = driver.find_element(By.ID, ’footer’) # Exécuter le code JavaScript pour faire défiler vers l’élément driver.execute_script(js_code, element) # En option, vous pouvez ajouter un délai pour observer le défilement import time time.sleep(2) # Fermer le WebDriver driver.quit()

Explication

Configurer les options de Chrome : configure Chrome pour qu’il démarre en mode maximisé, ce qui améliore la visibilité pendant l’exécution du script.
Initialiser le WebDriver : utilise webdriver_manager pour gérer automatiquement le binaire ChromeDriver, ce qui simplifie l’installation.
Naviguer vers la page web : dirige le WebDriver vers l’URL précisée.
Code JavaScript : la méthode scrollIntoView est améliorée grâce à des options permettant de faire défiler de manière fluide et de centrer l’élément dans la fenêtre d’affichage.
Localiser le WebElement : utilise find_element avec By.ID pour cibler l’élément vers lequel faire défiler.
Exécuter JavaScript : exécute le code JavaScript, en passant le WebElement ciblé comme argument.
Délai (facultatif): ajoute un délai pour observer l’action de défilement.
Fermer WebDriver: ferme la session du navigateur.

Conseils pour un défilement efficace dans Selenium

Défilement fluide : utilisation de {behavior: ’smooth’} garantit un défilement plus fluide.
Positionnement de l’élément : {block : ’center’} peut être ajusté à start ou end en fonction de l’endroit où vous souhaitez que l’élément apparaisse dans la fenêtre d’affichage.
Identification des éléments : utilise divers sélecteurs (By.ID, By.CLASS_NAME, By.CSS_SELECTOR, etc.) pour cibler précisément les éléments.

En suivant ce guide, vous pouvez faire défiler de manière efficace n’importe quel élément d’une page web à l’aide de Selenium, ce qui rendra vos scripts d’automatisation web plus robustes et plus conviviaux. Vous ne savez pas si vous devez utiliser Selenium ou Puppeteer ? Consultez cet article de comparaison.

Démarrer l’essai gratuit Démarrer avec Google