Automatisieren sich wiederholender Browser-Formularaktionen

In der heutigen hektischen Welt ist alles, was Ihnen Zeit, Vernunft und Tastatureingaben erspart und gleichzeitig Genauigkeit und Konsistenz bietet, ein großer Gewinn.

In diesem Tutorial zeige ich Ihnen, wie Sie anstellen Keyboard Maestro um wiederkehrende Browseraktionen zu automatisieren. Ich werde abdecken 

  • Ändern von Formularfeldern wie Dropdown-Menüwerten
  • Eingabe von vorgefertigten Textausschnitten
  • Hinzufügen einer bedingten Logik mit Textanalyse zur Überprüfung der Genauigkeit
  • automatische Formulareinreichung. 

Dies wird Ihnen dabei helfen, mit wenigen Tastendrücken aufregende Aufgaben zu erledigen.

Als praktisches Beispiel werde ich Formulare auf einer Website namens Help Scout bearbeiten. Sie können diese Beispiele problemlos auf Browserformulare in fast allen Webanwendungen anwenden, um Zeit zu sparen.

Formulardaten bearbeiten und Formulare übermitteln

In diesem Beispiel wird veranschaulicht, wie Sie durch die Eingabe einiger weniger Zeichen als Auslöser den Wert eines Dropdown-Felds ändern und anschließend die Schaltfläche zum Abschicken des Formulars aktivieren können.

Das erste, was Sie tun müssen, ist zu starten Keyboard Maestro, wähle aus Safari-Makros klicken Sie auf die + ein neues Makro hinzufügen und ihm einen Namen geben. Benennen Sie das Beispielmakro helpscout senden + gesetzt.

Ein Makro erstellen

Fügen Sie nun einen Auslöser für Ihr neu erstelltes Makro hinzu. Wählen Typisierter Zeichenkettenauslöser Hier.

Einen neuen Abzug einstellen

Der nächste Schritt ist das Festlegen einer eingegebenen Zeichenfolge, die in Ihrem Kopf hängen bleibt und eindeutig ist. Verwenden Sie für jeden Ihrer Trigger eine Trigger-Sequenz und eine Mnemonik. 

Geben Sie für diesen Auslöser den folgenden Wert für eine eingegebene Zeichenfolge ein: ,,hsp Das doppelte Komma ist die Triggersequenz (es ist höchst unwahrscheinlich, dass Sie dies für irgendetwas anderes eingeben werden) und die Mnemonik ist Help scout SEnde PEnde.

Eingabe eines getippten Triggers

Du wirst verwenden SafariEntwickelte Tools, um Namen und Werte von Formularfeldern zu identifizieren und zu verwenden Keyboard Maestro um sie einzustellen, wenn Sie den soeben eingestellten Trigger aktivieren.

Der erste Schritt besteht darin, das Formularfeld, das Sie ändern möchten, sekundär zu klicken und auszuwählen Element prüfen.

Dropdown-Element prüfen

Drilldown und sehen Sie die verfügbaren Optionswerte. 

Beachten Sie im Beispiel, wie sich der Status der Feldbeschriftung im Inspektionsfenster in der Zeile befindet, in der die Zeile gelesen wird . Der Wert, nach dem Sie suchen, wird hervorgehoben 

Jetzt wissen Sie, welchen Wert Sie für Ihr Dropdown-Formularfeld festlegen möchten Keyboard Maestro.

Den Formularwert finden

Jetzt müssen Sie einen weiteren hinzufügen Safari Aktion wie früher. Dieses Mal wirst du auswählen Setzen Sie Safari Field auf Text.

Setzen Sie das Safari-Feld auf Text

Klicken Sie anschließend auf das Wort Safari knapp unterhalb der Versuchen und wählen Sie das zuvor identifizierte Feld aus, document.forms ["tkReplyForm"] ["status"].

Wählen Sie das Safari-Feld aus

Setzen Sie dann das Feld auf den zuvor gefundenen Wert, 2.

Legen Sie den Safari-Feldwert fest

Sie haben nun die erforderlichen Schritte ausgeführt, um den Wert des Formularfelds zu ändern und die gewünschte Auswahl auszuwählen. Als nächstes aktivieren Sie die Schaltfläche "Senden". 

Klicken Sie auf den gewünschten Submit-Button und suchen Sie nach Tasten-ID das geht mit, so kann man sagen Keyboard Maestro etwas damit zu tun Im Beispiel suchen Sie nach dem Schaltflächentext Antwort senden

Beachten Sie, dass die ID lautet sendBtn.

Überprüfen Sie die Safari-Schaltfläche

Neue hinzufügen Safari-Steuerung namens Fokus-Safari-Feld. Klicken Sie erneut auf das Wort Safari unter dem Versuchen Klicken Sie auf die Schaltfläche, um das Feld zu finden, das Sie im vorherigen Schritt gerade identifiziert haben. 

Im Beispiel ist es so document.forms ["tkReplyForm"] ["sendBtn"].

Fokussieren Sie die Safari-Formularschaltfläche

Nachdem die Schaltfläche nun den Fokus hat, können Sie sie aktivieren, indem Sie das Drücken der Tasten emulieren Rückkehr Schlüssel. 

Fügen Sie eine Aktion hinzu, klicken Sie jedoch dieses Mal auf Alle Aktionen und im Suchfeldtyp Tastenanschlag. Geben Sie einen Tastendruck ein ist die Aktion, die Sie brauchen. 

Sobald dies hinzugefügt ist, wählen Sie den Tastenanschlag Rückkehr aus dem Dropdown-Menü, um es zu simulieren.

Rücktastatur hinzufügen

Die Aktion ist jetzt einsatzbereit. Hier ist ein Screenshot, in dem ich mich selbst per E-Mail schicke Hilfe Scout, um das Beispiel in Aktion zu sehen. Sie sollten jetzt den gleichen Test in Ihrem Beispiel durchführen.

Beispielformular vor der Ausführung des Makros

Beachten Sie hier, wie ich geschrieben habe ,,hs und bin dabei, die Trigger-Sequenz durch Drücken von abzuschließen p.

Beispielformular, Makro ausgeführt

… Und voila, der Status wurde in ausstehend geändert und das Formular wurde übermittelt.

Beispielformular, Makroausführung abgeschlossen

Automatische Texteingabe und -prüfung

Im zweiten Beispiel zeige ich Ihnen, wie Sie automatisch vorab geschriebene Text-Snippets einfügen, überprüfen, ob der Eintrag vor der Übermittlung korrekt ist, und eine visuelle Ausnahme auslösen, falls dies nicht der Fall ist. Das bedeutet, dass Sie manuell eingreifen können, bevor das Formular gesendet wird. Ich mache weiter im Rahmen der Hilfe Scout Weboberfläche für Konsistenz über alle Beispiele hinweg.

Der erste Schritt ist das Hinzufügen eines typisierten Zeichenfolgenauslösers. Starten Sie den Abzug wie zuvor mit ,, und dann hinzufügen htv für das Gedächtnis Help scout text vErifizierung.

Erstellen Sie einen Textauslöser

Überprüfen Sie das Textfeld, in das das Text-Snippet eingefügt werden soll. Sie suchen nach dem Abschnitt, in dem sich das Antwortfeld befindet, so dass Sie es im nächsten Schritt verwenden können.

Überprüfen Sie das Texteingabefeld

Füge hinzu ein Wählen Sie Safari Field Aktion. Dies funktioniert genauso wie im vorherigen Beispiel.

Klicken Safari direkt unter dem Versuchen und wählen Sie das Feld aus, das Sie im vorherigen Inspektionsschritt gefunden haben.

In diesem Fall ist es forms ["tkReplyForm"] ["Antworten"] (Textbereich).

Wählen Sie das Safari-Textfeld aus

Fügen Sie dann eine Aktion unter hinzu Text namens Text einfügen. Verwenden Sie für das Beispiel einige Lorem Ipsum Text.

Textausschnitt erstellen

Kehren Sie in einem zeitsparenden Manöver zum vorherigen Beispiel zurück und verwenden Sie es Command-Primary Click Wählen Sie die vorherigen Aktionen aus, mit denen Sie Ihr Formular auf einen ausstehenden Status gesetzt haben, und senden Sie es automatisch ab. gefolgt von Befehl-C um die Aktionen in die Zwischenablage zu kopieren.

Kopieren Sie vorherige Workflow-Aktionen

Als nächstes fügen Sie eine Aktion aus der Kontrollfluss Abschnitt genannt Wenn dann Else. Sobald das hinzugefügt ist, verwenden Sie Befehl-V um die gerade kopierten Aktionen als auszuführende Aktionen einzufügen, wenn die noch einzustellende Bedingung erfüllt ist.

Wenn-dann-Else-Logik hinzufügen

Überprüfen Sie das Formularfeld auf das Vorhandensein des Textabschnitts, der automatisch eingegeben werden soll. 

Um dies zu tun Der Text: zu forms ["tkReplyForm"] ["antworten"] (Textbereich).

Einstellungsfeld zum Überprüfen

Sie müssen einen Teil des Snippets eingeben, um zu überprüfen, ob der Text richtig eingefügt wurde. Da ist dein Ausschnitt so Lorem Ipsum Text verwenden Sie die Wörter sitze amet für deine überprüfung.

Festlegen des Textes zum Einchecken des Feldes

In dem Führen Sie andernfalls die folgenden Aktionen aus: Abschnitt müssen Sie eine Warnung hinzufügen. 

Um dies schnell zu finden, schauen Sie unter Alle Aktionen und dann wählen Warnen. Geben Sie der Warnmeldung einen Titel mit Text, der nicht automatisch eingefügt wurde, und einen Kommentar von Bitte geben Sie das Feld "Vertrauen" erneut ein und klicken Sie auf die Schaltfläche "Senden" oder "Senden".

Dadurch wird festgelegt, wie das Alarmfeld aussehen wird, und es wird angezeigt, wenn ein Fehler auftritt.

Einen Alarm hinzufügen

Es ist Zeit für einen Test! Drücken Sie die Antwort und geben Sie den Auslöser ein ,,htv.

Textverifizierung testen

Es hat funktioniert, aber es ist immer noch ein Fehler aufgetreten. Dies ist eigentlich eine gute Bestätigung, dass die Warnung funktioniert. 

Das Problem ist eigentlich eine Rennbedingung. Die Prüfung wird so schnell ausgeführt, dass der Text als eingefügt in das Textfeld erkannt wird. Dies muss behoben werden.

Makro-Warnmeldung

Glücklicherweise hat Keyboard Maestro so viele tolle Tricks im Ärmel, dass es dafür einen Mechanismus gibt. Direkt oberhalb der bedingten Logik fügen Sie die Aktion hinzu Pause, und einen Wert von 0,5 Sekunden. Jetzt wird der Text wie zuvor korrekt eingegeben, aber Sie erhalten die Warnung nur, wenn ein Fehler vorliegt und der Text nicht wirklich eingegeben wird.

Pause-Anweisung hinzufügen

Erstellen und Verwenden von Quick-Makros zum Wegwerfen

Viele Leute hängen an der Idee, eine permanente Bibliothek mit Keyboard-Maestro-Makros zu erstellen, um Zeit zu sparen. Eine häufig übersehene und mächtige Sache, die Sie tun können, ist die Erstellung kleiner temporärer Makros, die Sie nur für ein paar Stunden oder Tage verwenden dürfen.

Ein Beispiel, das dem ersten Beispiel sehr ähnlich ist, ist ein Makro, das alle Nachrichten, die nicht auf einen geschlossenen Status gesetzt sind, schnell schließt. In diesem Beispiel wurde ein Hotkey festgelegt, um das Makro zu aktivieren, wenn es gedrückt wird. 

Die Tastenkombination für dieses temporäre Makro ist auf festgelegt Control-Option-Shift-Command-C ^ ⌥⇧⌘C (alle Zusatztasten und C). Wenn die Tastenkombination gedrückt wird, führt das Makro die folgenden Aktionen aus:

  • Aktiviert eine Tastenkombination R was öffnet die Hilfe Scout Nachricht, so dass auf sie geantwortet oder anderweitig reagiert werden kann
  • Ändert das Statusfeld in geschlossen
  • Sendet das Formular ab
Temporäres Makrobeispiel

Nutze deine Fähigkeiten, um dieses kurze Makro selbst zu erstellen, und nimm es für eine Runde. Hier ist die Nachricht aus dem vorherigen Beispiel, nur ich habe es wieder als aktiv markiert. Control-Option-Shift-Command-C  ^ ⌥⇧⌘C wird gedrückt.

Aktive Nachricht, bevor das temporäre Makro ausgeführt wird

Erfolg. Das Makro öffnete die Konversation, änderte den Status und schloss sie mit einer Tastenkombination.

Geschlossene Nachricht nach Ausführung des Makros

Fazit

Keyboard Maestro ist ein sehr leistungsfähiges Werkzeug. Während dieses Tutorial ein wenig tiefer gräbt als Anfänger-Makros, haben Sie gerade erst angefangen, die Oberfläche dessen, was Sie sich vorstellen können, zu kratzen. Sie wissen jetzt genug, um Formularfelder und Schaltflächen zu überprüfen und sie mithilfe von eingetippten Triggern und zugewiesenen Tastenkombinationen zu bearbeiten. Sie verfügen außerdem über das Wissen, wie Sie Sicherheitsüberprüfungen in Ihren Makros erstellen können, um sicherzustellen, dass sich ein Formular in dem von Ihnen gewünschten Zustand befindet, bevor Sie es abschicken oder auf andere Weise darauf reagieren.

Lassen Sie mich wissen, welche zeitsparenden Makros Sie am Ende bauen, indem Sie die Beispiele studieren, die ich Ihnen in diesem Lernprogramm gezeigt habe, indem Sie unten einen Kommentar hinterlassen.