Comment automatiser les actions de formulaire répétitives du navigateur

Dans le monde occupé d'aujourd'hui, tout ce qui peut vous faire gagner du temps, de la santé mentale et des frappes au clavier, tout en ajoutant de la précision et de la cohérence, représente un avantage considérable..

Dans ce tutoriel, je vais vous montrer comment utiliser Clavier Maestro automatiser les actions répétitives du navigateur. Je couvrirai 

• modification de champs de formulaire tels que les valeurs de menu déroulant
• entrer des extraits de texte pré-écrits
• ajout de logique conditionnelle avec analyse de texte pour vérifier l'exactitude
• soumission automatique de formulaire. 

Cela vous aidera à effectuer des tâches abrutissantes en quelques frappes au clavier..

Comme exemple pratique, je manipulerai des formulaires sur un site Web appelé Help Scout. Vous pouvez facilement appliquer ces exemples aux formulaires de navigateur dans presque toutes les applications Web pour vous faire gagner du temps..

Manipulation des données de formulaire et soumission de formulaires

Cet exemple montre comment taper quelques caractères, en tant que déclencheur, vous permet de modifier la valeur d'un champ déroulant, puis d'activer le bouton de soumission du formulaire..

La première chose à faire est de commencer Clavier Maestro, sélectionnez le Macros Safari groupe, cliquez sur le + pour ajouter une nouvelle macro et lui donner un nom. Nommez l'exemple de macro helpscout send + set en attente.

Créer une macro

Ajoutez maintenant un déclencheur pour votre macro nouvellement créée. Choisir Déclencheur de chaîne typé ici.

Définir un nouveau déclencheur

La prochaine étape consiste à définir une chaîne typée qui restera dans votre tête et qui est unique. Utilisez une séquence de déclencheur plus un mnémonique pour l’un de vos déclencheurs.. 

Pour ce déclencheur, entrez la valeur suivante pour une chaîne saisie: ,,hsp La double virgule est la séquence de déclenchement (il est très improbable que vous tapiez cela pour autre chose) et le mnémonique est Hlutin Scout Sfin Pfin.

Saisie d'un déclencheur tapé

Vous utiliserez SafariLes outils de développement intégrés permettent d’identifier certains noms et valeurs de champs de formulaire et de les utiliser. Clavier Maestro pour les définir lorsque vous activez le déclencheur que vous venez de configurer.

La première étape consiste à cliquer avec le bouton droit de la souris sur le champ de formulaire que vous souhaitez modifier, puis sélectionnez Inspecter l'élément.

Inspection de l'élément déroulant

Maintenant, explorez les valeurs des options disponibles. 

Notez dans l'exemple comment le statut de l'étiquette de champ est dans la fenêtre d'inspection sur la ligne qui lit Statut:. La valeur que vous recherchez est mise en surbrillance en attendant. 

Maintenant, vous savez quelle valeur définir pour votre champ de formulaire déroulant dans Clavier Maestro.

Trouver la valeur du formulaire

Maintenant, vous devez ajouter un autre Safari action comme vous l'avez fait plus tôt. Cette fois tu vas choisir Définir le champ Safari en texte.

Définir le champ Safari en texte

Cliquez ensuite sur le mot Safari juste en dessous de la Essayer bouton et sélectionnez le champ identifié plus tôt, document.forms ["tkReplyForm"] ["status"].

Sélectionnez le champ Safari

Puis définissez le champ sur la valeur trouvée précédemment, 2.

Définir la valeur du champ Safari

Vous avez maintenant terminé les étapes nécessaires pour modifier la valeur du champ de formulaire afin de sélectionner le choix souhaité. Suivant est d'activer le bouton d'envoi. 

Cliquez deux fois sur le bouton Soumettre désiré et trouvez le ID du bouton cela va avec, donc vous pouvez dire Clavier Maestro faire quelque chose avec. Dans l'exemple que vous recherchez, le texte du bouton Envoyer une réponse. 

Notez que l'ID est sendBtn.

Bouton Inspecter Safari

Ajouter un autre Safari Control appelé Focus Safari Field. Encore une fois, cliquez sur le mot Safari sous le Essayer bouton pour trouver le champ que vous venez d'identifier à l'étape précédente. 

Dans l'exemple c'est document.forms ["tkReplyForm"] ["sendBtn"].

Bouton de formulaire Focus Safari

Maintenant que le bouton a le focus, vous pouvez l'activer en émulant le fait d'appuyer sur le bouton revenir clé. 

Ajouter une action, mais cette fois-ci, cliquez sur Toutes les actions et dans le type de champ de recherche frappe. Tapez une frappe est l'action dont vous avez besoin. 

Une fois que cela est ajouté, choisissez la frappe Revenir à partir de la liste déroulante pour simuler.

Ajouter une touche retour

L'action est maintenant prête à être utilisée. Voici une capture d'écran de moi en train de m'envoyer des emails Aide Scout, pour voir l'exemple en action. Vous devriez faire le même type de test dans votre exemple maintenant.

Exemple de formulaire avant l'exécution de la macro

Notez ici comment j'ai tapé ,,hs et suis sur le point de terminer la séquence de déclenchement en appuyant sur p.

Exemple de formulaire, macro en cours d'exécution

… Et voila, le statut a été changé pour en attente et le formulaire soumis.

Exemple de formulaire, exécution de macro terminée

Saisie automatique de texte et vérification

Dans le deuxième exemple, je vais vous montrer comment insérer automatiquement des extraits de texte prédéfinis, vérifier qu'il s'agit d'une entrée correcte avant la soumission et lancer une exception visuelle si ce n'est pas le cas. Cela signifie que vous pouvez intervenir manuellement avant la soumission du formulaire. Je vais continuer dans le contexte de la Aide Scout interface Web pour la cohérence entre les exemples.

La première étape consiste à ajouter un déclencheur de chaîne typée. Comme auparavant, démarrez la gâchette avec ,, puis ajouter htv pour le mnémonique Hlutin Scout text vérification.

Créer un déclencheur de texte

Inspectez le champ de texte où l'extrait de texte doit être inséré. Vous recherchez la section dans laquelle se trouve le champ de réponse afin de pouvoir l'utiliser à l'étape suivante.

Inspecter le champ de saisie de texte

Ajouter un Sélectionnez Safari Field action. Cela fonctionnera comme dans l'exemple précédent.

Cliquez sur Safari juste sous la Essayer bouton et choisissez le champ qui représente ce que vous avez trouvé à l'étape de l'inspection précédente.

Dans ce cas c'est formulaires ["tkReplyForm"] ["reply"] (texte).

Sélectionner un champ de texte Safari

Ajoutez ensuite une action sous Texte appelé Insérer du texte. Pour l'exemple, utilisez lorem ipsum texte.

Créer un extrait de texte

Revenez à l'exemple précédent dans une manœuvre permettant de gagner du temps et utilisez Command-Primary Click sélectionnez les actions précédentes que vous avez utilisées pour définir votre formulaire en attente et soumettez-le automatiquement; suivi par Command-C copier les actions dans le presse papier.

Copier les actions précédentes du workflow

Ajouter ensuite une action du Flux de contrôle section appelée Si alors sinon. Une fois que cela est ajouté, utilisez Commande-V coller les actions que vous venez de copier en tant qu'actions à exécuter si la condition à remplir est remplie.

Ajout de la logique If Then Else

Vérifiez le champ de formulaire pour l'existence de l'extrait de texte qui devait être entré automatiquement. 

Pour faire cet ensemble Le texte: à formulaires ["tkReplyForm"] ["reply"] (texte).

Réglage du champ à vérifier

Vous devez entrer une partie de l'extrait de code à utiliser pour vérifier que le texte a été inséré correctement. Depuis votre extrait est lorem ipsum texte, utilisez les mots assis amet pour votre chèque.

Définition du texte dans le champ d’enregistrement

dans le sinon, exécutez les actions suivantes: section vous devez ajouter une alerte. 

Pour localiser cela rapidement, regardez sous Toutes les actions et ensuite choisir Alerte. Donner à l'alerte un titre de Texte non réussi à coller automatiquement… et un commentaire de Veuillez retaper manuellement dans le champ de confiance, puis cliquez sur le bouton Envoyer ou Envoyer..

Cela définira à quoi ressemblera la boîte d’alerte et s’affichera en cas d’erreur..

Ajouter une alerte

Il est temps de faire un test! Appuyez sur répondre et tapez le déclencheur ,,htv.

Test de vérification de texte

Cela a fonctionné, mais une erreur est toujours apparue. C'est en fait une bonne vérification du fonctionnement de l'alerte.. 

Le problème est en réalité ce que l’on peut appeler une situation de concurrence critique. La vérification est exécutée si rapidement que cela se produit avant que le texte ne soit reconnu comme collé dans le champ de texte. Cela doit être corrigé.

Message d'alerte macro

Heureusement, Keyboard Maestro a tellement de trucs incroyables qu'il existe un mécanisme pour cela. Juste au-dessus de la logique conditionnelle, ajoutez une action Pause, et définir une valeur de 0.5 secondes. Maintenant, le texte sera entré correctement comme avant, mais vous ne recevrez l'alerte qu'en cas d'erreur et si le texte n'est pas saisi.

Ajout d'une déclaration de pause

Créer et utiliser des macros à projection rapide

Beaucoup de gens sont pressés par l'idée de créer une bibliothèque permanente de macros Keyboard Maestro pour gagner du temps. Une chose puissante que vous pouvez souvent faire est de créer de petites macros temporaires que vous ne pouvez utiliser que quelques heures ou quelques jours..

Un exemple assez similaire au premier exemple est une macro qui ferme rapidement tout message qui n'est pas défini sur un statut fermé. Dans cet exemple, un raccourci clavier a été défini pour activer la macro lorsque vous appuyez dessus.. 

Le raccourci clavier pour cette macro temporaire est défini sur Ctrl + Option + Maj + Commande + C ^ C (toutes les touches de modification et C). Lorsque vous appuyez sur la combinaison de touches d'activation, la macro effectue les opérations suivantes:

• Active un raccourci clavier R qui ouvre le Aide Scout message afin qu'il puisse être répondu ou autrement agi
• Change le champ d'état en fermé
• Soumet le formulaire

Exemple de macro temporaire

Utilisez vos compétences jusqu'à présent pour créer vous-même cette courte macro, puis faites-la tourner. Voici le message de l'exemple précédent, seulement je l'ai marqué à nouveau actif. Ctrl + Option + Maj + Commande + C  ^ C est pressé.

Message actif avant l'exécution de la macro temporaire

Succès. La macro a ouvert la conversation, modifié son statut et l'a fermée avec un raccourci clavier..

Message fermé après exécution de la macro

Conclusion

Keyboard Maestro est un outil très puissant. Bien que ce tutoriel creuse un peu plus profondément que les macros débutantes, vous venez tout juste de commencer à gratter la surface de ce que vous pouvez concocter. Vous en savez maintenant suffisamment pour inspecter les champs de formulaire et les boutons, les manipuler à l'aide de déclencheurs dactylographiés et de raccourcis clavier attribués. Vous êtes également familiarisé avec la manière de construire des contrôles de sécurité dans vos macros pour vous assurer qu'un formulaire est dans l'état que vous souhaitez avant de le soumettre ou de le modifier..

Laissez-moi savoir le temps que vous avez construit pour gagner du temps en étudiant les exemples que je vous ai présentés dans ce tutoriel en laissant un commentaire ci-dessous..