Inspection et extraction dans le navigateur

Inventaire gratuit des boutons web.

Libellés, types et contexte visible des boutons.

Inventoriez les commandes de la page examinée avec leurs noms et leur contexte avant de prévoir un changement d'interface.

Extension Chrome et compte requis.
25 tâches d'automatisation gratuites par mois, partagées entre les outils. Les limites du fournisseur via navigateur s'appliquent.

CE QU'IL FAUT PRÉPARER

Commandes de la page affichée.

VOTRE POINT DE DÉPART

Une tâche à personnaliser.

Copiez-le ici. Collez-le dans WebAct quand vous le souhaitez.

Cette page prépare votre prompt. La tâche s'exécute dans WebAct.

01

Adaptez la tâche à vos besoins.

Relisez le prompt ci-dessus. Ajoutez votre objectif et les exigences importantes.

02

Passez à WebAct.

Ouvrez la page source, activez WebAct et sélectionnez le contenu lisible pertinent. Collez la tâche et fournissez les sources supplémentaires qu’elle demande.

03

Vérifiez la partie utile.

Le résultat couvre le contenu lisible que vous fournissez ou sélectionnez. Dépliez d’abord les sections utiles de la page et vérifiez que les enregistrements attendus figurent dans la sortie.

GUIDE PRATIQUE

Comment inventorier les commandes d'une page dans leur contexte.

Un inventaire des commandes doit noter libellés et rôles dans leur contexte. Un bouton avec seulement une icône peut nécessiter un nom accessible même si son sens visuel paraît évident.

Adaptez le processus à votre tâche.

Listez les commandes actionnables dans une zone définie, avec libellé visible, nom accessible, rôle et état si disponibles. Reliez les libellés répétés à leur conteneur. N'activez pas les commandes uniquement pour les identifier ; notez les comportements incertains pour plus tard.

Ce que vous fournissez
Commandes de la page affichée.
Ce que vous obtenez
Libellés, types et contexte visible des boutons.

Consultez les données et le résultat.

Entrée et sortie illustratives · exemple pédagogique, pas une exécution WebAct en direct

Exemple champ

Supplied DOM: <button>Save draft</button> and <button><svg aria-hidden="true"></svg></button>. Second control visually uses a trash icon; no other naming attributes.

Exemple complet

Control 1: native button, visible and accessible name "Save draft".
Control 2: native button, no accessible name in the supplied markup; decorative SVG does not provide one.
Review: confirm the second action, then provide an accurate name such as Delete item if that is its actual function.
Télécharger cet exemple

Chargez ces données dans le prompt, puis copiez-le dans WebAct pour essayer la tâche. Votre résultat peut différer de l'illustration.

Décisions et dépannage.

Faut-il inclure les liens présentés comme des boutons ?

Incluez-les dans l'examen de l'interface, mais conservez leur rôle de lien et leur destination afin de distinguer navigation et action.

Pourquoi plusieurs commandes Supprimer sont-elles difficiles à distinguer ?

Le contexte de l'enregistrement ou de la section manque. Ajoutez-le et vérifiez si les noms accessibles distinguent aussi les commandes.

Essayez avec votre propre source.

Remplacez l'exemple par vos données dans le prompt. Gardez les exigences nécessaires, puis copiez la tâche dans WebAct.

Personnaliser et copier la tâche ↑
AVANT DE COMMENCER

Utiliser WebAct.

Le prompt et l'exemple sont disponibles ici. Exécutez votre tâche dans l'extension WebAct pour Chrome.

Cet outil est-il gratuit ?

Vous pouvez copier et modifier le prompt ici gratuitement. Pour l'utiliser avec WebAct, installez l'extension Chrome, créez et vérifiez votre compte, puis connectez une session ChatGPT disponible dans le navigateur. Le forfait Free inclut 25 tâches d'automatisation lancées par l'utilisateur par mois civil, partagées entre les outils. Le Chat ordinaire dans le navigateur est distinct ; les limites du fournisseur s'appliquent.

Découvrez le contexte partagé dans notre politique de confidentialité et comment choisir entre Chat ou Task.

DU PROMPT À VOTRE PROPRE TRAVAIL

Amenez la tâche sur votre page.

Installez WebAct, ajoutez vos sources et adaptez le résultat.

Installer WebAct