Cum se automatizează acțiunile de formular ale browserului repetat

În lumea ocupată de astăzi, orice lucru care vă poate economisi timp, sanatatea și apăsările de la tastatură, adăugând acuratețe și consistența este o victorie mare.

În acest tutorial vă voi arăta cum să angajați Tastatura Maestro pentru a automatiza acțiunile browserului repetitive. Voi acoperi 

• modificând câmpurile de formă, cum ar fi valorile din meniul drop-down
• introducerea fragmentelor de text pre-scrise
• adăugarea logicii condiționate cu parsarea textului pentru verificarea acurateței
• trimiterea automată a formularului. 

Acest lucru vă va ajuta să completați sarcini mintale în doar câteva apăsări de taste.

Ca exemplu practic, voi manipula formularele pe un site numit Help Scout. Puteți aplica cu ușurință aceste exemple în formularele de browser din aproape orice aplicație web pentru a vă economisi timp.

Manipularea datelor formularului și depunerea formularelor

Acest exemplu demonstrează că tastarea a doar câteva caractere, ca declanșator, vă permite să modificați valoarea unui câmp vertical și apoi să activați butonul Trimiteți formularul.

Primul lucru pe care trebuie să-l faceți este să începeți Tastatura Maestro, selectează Safari Macros grup, faceți clic pe + pentru a adăuga o nouă macrocomandă și a-i da un nume. Denumiți macrocomanda exemplu helpcout trimite + set în așteptare.

Crearea unei macrocomenzi

Acum adăugați un declanșator pentru macro-ul dvs. nou creat. Alege Introducerea unui șir de caractere aici.

Setarea unui nou declanșator

Următorul pas este să setați un șir scris, care va rămâne în cap și este unic. Utilizați o secvență de declanșare plus un mnemonic pentru oricare dintre declanșatoarele dvs.. 

Pentru acest declanșator introduceți următoarea valoare pentru un șir tastat: ,,hsp Două virgulă este secvența de declanșare (este foarte puțin probabil că o veți scrie pentru orice altceva), iar mnemonica este Help Scout SSfârșit Pfinal.

Introducerea unui declanșator introdus

Veți folosi Safarisunt construite în instrumente de dezvoltare pentru a identifica unele forme de câmp forme și valori, și de a folosi Tastatura Maestro pentru a le seta când activați declanșatorul pe care tocmai l-ați configurat.

Primul pas este să faceți secundar clic pe câmpul de formă pe care doriți să îl modificați și să-l selectați Inspectează elementul.

Inspectarea elementului dropdown

Acum trageți în jos și vedeți valorile opțiunilor disponibile. 

Notați în exemplu modul în care starea etichetei de câmp se află în fereastra de inspectare pe linia care citește Stare:. Valoarea pe care o urmezi este evidențiată In asteptarea. 

Acum știți ce valoare trebuie să setați câmpul de formate în jos Tastatura Maestro.

Găsirea valorii formularului

Acum trebuie să adăugați altul Safari acțiune ca dvs. De data asta vei alege Setați câmpul Safari la text.

Setați câmpul Safari în text

Apoi faceți clic pe cuvânt Safari chiar sub Încerca și selectați câmpul identificat mai devreme, document.forms [ "tkReplyForm"] [ "statut"].

Selectați câmpul Safari

Apoi setați câmpul la valoarea pe care ați găsit-o mai devreme, 2.

Setați valoarea câmpului Safari

Acum ați finalizat pașii necesari pentru a modifica valoarea câmpului de formular pentru a selecta opțiunea dorită. Următorul este să activați butonul Trimiteți. 

Clic pe secundar pe butonul de trimitere dorit și găsiți ID-ul butonului care merge cu ea, astfel încât să puteți spune Tastatura Maestro să facă ceva cu ea. În exemplul pe care îl căutați pentru textul butonului Trimiteți un răspuns. 

Rețineți că ID-ul este sendBtn.

Inspectați butonul Safari

Adaugă altul Safari Control denumit Focalizați câmpul Safari. Încă o dată, faceți clic pe cuvânt Safari sub Încerca pentru a găsi câmpul pe care tocmai l-ați identificat în pasul anterior. 

În exemplul respectiv document.forms [ "tkReplyForm"] [ "sendBtn"].

Butonul de focalizare a butonului Safari

Acum, când butonul se focalizează, îl puteți activa prin emularea apăsării butonului întoarcere cheie. 

Adăugați o acțiune, dar de această dată faceți clic pe Toate acțiunile și în câmpul de căutare apăsare de tastă. Introduceți o tastă este acțiunea de care aveți nevoie. 

Odată ce este adăugat, alegeți tasta Întoarcere din drop-down pentru ao simula.

Adăugați tasta de întoarcere

Acțiunea este acum gata de utilizare. Iată o captură de ecran a mea care mă trimite prin e-mail Ajută-l pe Scout, pentru a vedea exemplul în acțiune. Ar trebui să faceți același tip de test în exemplul dvs. acum.

Forma de exemplu înainte ca macroul să fie rulat

Observați aici cum am scris ,,hs și voi încheia secvența de declanșare apăsând p.

Formular exemplu, executând macro

... și voila, statutul a fost schimbat în așteptare și în formularul trimis.

Exemplu de formular, executarea macro a fost finalizată

Introducerea și verificarea automată a textului

În cel de-al doilea exemplu, vă vom arăta cum să inserați automat fragmente de text pre-scrise, să confirmați că este o intrare corectă înainte de trimitere și să aruncați o excepție vizuală dacă nu a fost. Aceasta înseamnă că puteți interveni manual înainte ca formularul să fie trimis. Voi continua în contextul Ajută-l pe Scout interfață web pentru coerență între exemple.

Primul pas este să adăugați un trigger de șir tastat. Ca și înainte, porniți declanșatorul cu ,, și apoi adăugați HTV pentru mnemonic Help Scout Text verificare.

Creați declanșator de text

Inspectați câmpul text în care va fi inserat fragmentul de text. Căutați secțiunea în care se află câmpul de răspuns, astfel încât să îl puteți utiliza în pasul următor.

Inspectați câmpul de introducere a textului

Adauga o Selectați câmpul Safari acțiune. Acest lucru va funcționa la fel ca exemplul anterior.

Clic Safari chiar sub Încerca și alegeți câmpul care reprezintă ceea ce ați găsit în etapa de inspecție anterioară.

În acest caz este formulare ["tkReplyForm"] ["răspuns"] (textarea).

Selectați câmpul text Safari

Apoi adăugați o acțiune sub Text denumit Inserați textul. Pentru exemplul utilizați unele lorem ipsum text.

Crearea unui fragment de text

Reveniți la exemplul anterior într-o manevră de economisire a timpului și utilizați-o Command-Primary Click selectați acțiunile anterioare pe care le-ați folosit pentru a seta formularul la o stare în așteptare și pentru a-l trimite automat; urmat de Command-C pentru a copia acțiunile în clipboard.

Copiați acțiunile anterioare de flux de lucru

Apoi adăugați o acțiune din Control Flow secțiune numită Dacă apoi Else. Odată ce se adaugă utilizarea Command-V pentru a lipi acțiunile pe care tocmai le-ați copiat ca acțiuni de executat dacă este îndeplinită condiția - care urmează să fie stabilită -.

Adăugarea unei logici atunci

Verificați câmpul de formular pentru existența fragmentului text care ar fi trebuit introdus automat. 

Pentru a face acest set Textul: la formulare ["tkReplyForm"] ["răspuns"] (textarea).

Setează câmpul pentru a verifica

Trebuie să introduceți o parte a fragmentului pentru a verifica dacă textul a fost inserat corect. Deoarece fragmentul dvs. este lorem ipsum text, utilizați cuvintele stai amet pentru cecul tău.

Stabiliți textul pentru a verifica câmpul

În executați în alt mod următoarele acțiuni: secțiune trebuie să adăugați o alertă. 

Pentru a localiza acest lucru rapid, priviți mai jos Toate acțiunile și apoi alegeți Alerta. Dă alertă un titlu de text care nu a reușit să lipsească automat ... și un comentariu Vă rugăm să reintroduceți manual câmpul de reținere și apoi să faceți clic pe butonul Trimitere sau Trimitere.

Acesta va defini ce va arăta caseta de alertă și va afișa când apare o eroare.

Adăugați o alertă

Este timpul pentru un test! Apăsați răspunsul și tastați declanșatorul ,,HTV.

Testarea verificării textului

A funcționat, dar încă a apărut o eroare. Aceasta este de fapt o verificare bună că alerta funcționează. 

Problema este de fapt ceea ce se poate numi o condiție de cursă. Verificarea este executată atât de repede încât se întâmplă înainte ca textul să fie recunoscut ca inserat în câmpul de text. Aceasta trebuie rezolvată.

Mesaj de alertă macro

Din fericire, tastatura Maestro are atat de multe trucuri minunate pana este maneca, exista un mecanism pentru asta. Chiar deasupra logicii condiționale adăugați acțiunea Pauză, și setați o valoare de 0.5 secunde. Acum, textul va fi introdus corect, așa cum a fost înainte, dar veți primi doar alerta dacă există o eroare și textul nu este de fapt de intrare.

Adăugarea instrucțiunii de pauză

Creați și utilizați macrocomenzi rapide pentru aruncare

Mulți oameni se conectează la ideea construirii unei biblioteci permanente de macrocomenzi Maestro pentru a economisi timp. Un lucru frecvent uitat și puternic pe care îl puteți face este să creați macrocomenzi temporare mici pe care să le puteți utiliza numai pentru câteva ore sau zile.

Un exemplu care este destul de similar cu primul exemplu este o macrocomandă care închide rapid orice mesaj care nu este setat la o stare închisă. Cu acest exemplu, o tastă rapidă a fost setată pentru a activa macro-ul când este apăsat. 

Combo-ul pentru această macrocomandă temporară este setat la Control-Option-Shift-Command-C ^ ⌥⇧⌘C (toate tastele de modificare și C). Atunci când se apasă combo-ul cu taste rapide, macroul face următoarele:

• Activează o comandă rapidă de la tastatură R care deschide Ajută-l pe Scout mesaj astfel încât să poată fi răspuns sau să acționeze în alt mod
• Modifică câmpul de stare la închis
• Trimite formularul

Exemplul macro temporar

Utilizați abilitățile dvs. până acum pentru a crea această macrocomandă scurt și apoi o luați pentru o rotire. Iată mesajul din exemplul anterior, numai că l-am marcat din nou activ. Control-Option-Shift-Command-C  ^ ⌥⇧⌘C este apăsat.

Mesaj activ înainte de efectuarea unei macrocomenzi temporare

Succes. Macro-ul a deschis conversația, a schimbat starea și a închis-o cu o comandă rapidă de la tastatură.

Mesajul închis după executarea macro-ului

Concluzie

Tastatura Maestro este un instrument foarte puternic. În timp ce acest tutorial scapă puțin mai adânc decât macrocomenzile începător, tocmai ați început să zgâriați suprafața a ceea ce puteți crea. Acum știți suficient pentru a inspecta câmpurile de formular și butoanele, pentru a le manipula utilizând declanșatoarele tipizate și comenzile rapide de la tastatură. Sunteți, de asemenea, înarmați cu cunoștințele despre cum să construiți verificări de siguranță în macrocomenzile dvs. pentru a vă asigura că o formă se află în starea pe care o doriți înainte de a vă depune sau de a acționa în alt mod asupra acesteia.

Dați-mi voie să știu ce macro-uri de economisire a timpului ați ajuns să construiți din studierea exemplelor pe care le-am urmat în acest tutorial, lăsând un comentariu de mai jos.