Comment cliquer automatiquement sur un bouton après chaque rechargement de page à l’aide des sélecteurs CSS

Certaines pages ne sont utiles qu'après un clic supplémentaire. Le tableau des résultats nécessite d'appuyer sur « Charger plus », le tableau de bord possède son propre bouton d'actualisation, une bannière de cookies bloque le contenu, ou un filtre se réinitialise à chaque retour sur la page. L'actualisation automatique peut recharger la page toute la journée, mais si un bouton doit être cliqué après chaque rechargement — et que vous n'êtes pas là pour le faire — l'automatisation ne fait que la moitié du travail.

L'extension Auto Refresh d'Extfy comble cette lacune avec Cliquer sur un élément par sélecteur dans l'onglet Détecter un mot-clé. Dirigez-la vers un bouton avec un sélecteur CSS, et après chaque chargement de page, l'extension trouve cet élément exact et clique dessus pour vous — aucun mot-clé requis, aucun codage nécessaire, et un sélecteur intégré vous permet de créer le sélecteur.

Actualisation automatique

Anglais 

En cours d'exécution 

Intervalle de temps

Liste d'actualisation

Détecter un mot-clé

Entrez vos balises

Cliqueur automatique

 Cliquer automatiquement sur le mot-clé détecté 

 Cliquer sur un élément par sélecteur 

Bouton Charger plus button.load-more

Correspond à 1 élément sur la page

Sélectionner un élément sur la page Tester le clic maintenant Ajouter une cible

Enregistrer

Configurez-le en cinq étapes

1. Ouvrez l'extension Auto Refresh sur la page et définissez votre intervalle d'actualisation comme d'habitude dans l'onglet Intervalle de temps.
2. Passez à l'onglet Détecter un mot-clé et, sous Cliqueur automatique, cochez Cliquer sur un élément par sélecteur.
3. Cliquez sur Sélectionner un élément sur la page. La fenêtre contextuelle se ferme, la page devient cliquable, et tout ce sur quoi vous cliquez est capturé comme sélecteur — l'extension écrit le CSS pour vous. (Appuyez sur Échap pour annuler ; rouvrez la fenêtre contextuelle ensuite pour vérifier ce qui a été capturé.)
4. Donnez éventuellement un nom à la cible comme Bouton Charger plus afin que la liste reste lisible, puis appuyez sur Tester le clic maintenant pour effectuer un seul clic et confirmer qu'il atteint le bon élément.
5. Cliquez sur Enregistrer. Désormais, chaque fois que la page se recharge — avec le minuteur ou manuellement — l'extension trouve ce bouton et clique dessus automatiquement.

Suivez notre guide étape par étape pour installer l'extension Auto Refresh et actualiser automatiquement les pages web dans votre navigateur : https://auto-refresh.extfy.com/en/how-to-automatically-refresh-a-page-on-chrome-browser.html

Qu'est-ce qu'un sélecteur CSS en trente secondes ?

Un sélecteur CSS est simplement une adresse pour un élément sur une page — la même notation que les feuilles de style utilisent pour dire « ce bouton, pas celui-là ». #refresh-btn désigne l'élément avec l'identifiant refresh-btn ; button.load-more désigne un bouton portant la classe load-more ; a[data-action="reload"] désigne un lien avec cet attribut exact. Vous n'avez pas besoin de savoir les écrire vous-même : le sélecteur d'élément génère le sélecteur lorsque vous cliquez sur la cible, et vous n'avez besoin d'en lire un que si vous souhaitez un jour l'affiner. Si vous préférez les saisir manuellement — ou si vous en avez besoin d'un que le sélecteur ne peut pas exprimer — la vue Modifier les sélecteurs accepte CSS et XPath, et vous pouvez même définir un remplacement XPath afin que le clic atteigne toujours sa cible si une mise à jour du site casse le sélecteur CSS.

Faites confiance au badge de correspondance avant de faire confiance à l'automatisation

Comme le clic se répète à chaque rechargement, un mauvais sélecteur clique encore et encore sur le mauvais élément. L'extension vous protège contre cela de deux manières. Premièrement, un badge de correspondance en direct sous chaque cible vous indique exactement comment le sélecteur se résout actuellement — Correspond à 1 élément sur la page est ce que vous voulez voir, tandis que Aucun élément ne correspond à ce sélecteur sur la page actuelle ou La syntaxe du sélecteur est invalide vous indiquent de le corriger avant de vous y fier. Deuxièmement, Tester le clic maintenant effectue exactement un clic sur la page active sans modifier votre état d'actualisation, afin que vous puissiez observer la réaction du bouton avant que l'automatisation ne prenne le relais.

Besoin de plus d'un clic ? Enchaînez les cibles dans l'ordre

Certaines pages nécessitent une séquence — fermer la bannière de cookies, puis ouvrir un panneau, puis appuyer sur le véritable bouton. Utilisez Ajouter une cible pour répertorier plusieurs sélecteurs ; après chaque rechargement, ils sont cliqués de haut en bas, et les commandes Déplacer vers le haut / Déplacer vers le bas vous permettent de les placer exactement dans l'ordre attendu par la page.

Pourquoi un sélecteur est préférable à un mot-clé ici

• Aucun mot-clé requis. Le clic par sélecteur fonctionne indépendamment de la détection de mots-clés — vous n'avez pas besoin de configurer ou de faire correspondre un texte surveillé.
• Il fonctionne avec les boutons sans libellé. Les commandes d'actualisation uniquement avec une icône, les boutons image et les éléments dont le texte change selon la langue ou l'état n'ont pas de mots fiables à faire correspondre — mais ils ont toujours un sélecteur.
• Il est précis. Un mot-clé peut apparaître à plusieurs endroits sur une page ; un bon sélecteur correspond exactement à un élément, à chaque rechargement.
• Il résiste aux changements de contenu. Le libellé du bouton peut passer de « Charger plus » à « Afficher plus de résultats » et button.load-more le trouve toujours.

Ensemble, cela forme une petite boucle mains libres : Auto Refresh recharge la page selon votre intervalle, et Cliquer sur un élément par sélecteur appuie ensuite sur le bouton demandé par la page — à chaque cycle, dans l'ordre, sans que vous ayez besoin de surveiller. Sélectionnez l'élément une fois, vérifiez le badge de correspondance, effectuez un clic de test, puis Enregistrez. À partir de là, le rechargement et le clic se produisent tous les deux automatiquement.