Cómo automatizar acciones de formulario de navegador repetitivas

En el ajetreado mundo de hoy, cualquier cosa que pueda ahorrarle tiempo, cordura y pulsaciones de teclado, a la vez que agrega precisión y consistencia es una gran victoria..

En este tutorial te mostraré cómo emplear Maestro de teclado para automatizar las acciones del navegador repetitivas. Voy a cubrir 

• alterando campos de formulario como los valores del menú desplegable
• ingresar fragmentos de texto preescritos
• agregando lógica condicional con análisis de texto para verificar la precisión
• envío automático de formularios. 

Esto le ayudará a completar tareas de adormecimiento mental con solo presionar algunas teclas.

Como ejemplo práctico, manipularé formularios en un sitio web llamado Help Scout. Puede aplicar fácilmente estos ejemplos a los formularios del navegador en casi cualquier aplicación web para ahorrar tiempo..

Manipulación de datos de formularios y envío de formularios

Este ejemplo muestra cómo escribir solo unos pocos caracteres, como activador, le permite cambiar el valor de un campo desplegable y luego activar el botón de envío del formulario.

Lo primero que debes hacer es empezar. Maestro de teclado, Selecciona el Macros de safari grupo, haga clic en el + para agregar una nueva macro, y darle un nombre. Nombra la macro de ejemplo Ayuda de envío + conjunto pendiente.

Creando una macro

Ahora agregue un disparador para su macro recién creada. Escoger Trigger de cadena mecanografiada aquí.

Configuración de un nuevo disparador

El siguiente paso es establecer una cadena escrita que se pegue en su cabeza y sea única. Use una secuencia de disparos más una mnemónica para cualquiera de sus disparadores. 

Para este activador ingrese el siguiente valor para una cadena escrita: ,,hsp La coma doble es la secuencia de activación (es muy poco probable que escriba eso para cualquier otra cosa) y el mnemotécnico es Help scout Sfin PAGfinalizando.

Entrar en un gatillo mecanografiado

Vas a usar Safariestá incorporado en las herramientas de desarrollador para identificar algunos nombres de campos de formulario y valores, y usar Maestro de teclado para configurarlos cuando active el disparador que acaba de configurar.

El primer paso es hacer un clic secundario en el campo de formulario que desea modificar y seleccionar Inspeccionar elemento.

Inspeccionar elemento desplegable

Ahora profundice y vea los valores de opción disponibles.. 

Observe en el ejemplo cómo se encuentra el estado de la etiqueta de campo en la ventana de inspección en la línea que dice Estado:. El valor que busca está resaltado Pendiente. 

Ahora ya sabe en qué valor establecer el campo de formulario desplegable en Maestro de teclado.

Encontrar el valor del formulario

Ahora necesitas agregar otro Safari Acción como lo hiciste antes. Esta vez vas a elegir Establecer campo de safari en texto.

Establecer campo de safari en texto

A continuación, haga clic en la palabra Safari justo debajo de la Tratar botón y recoger el campo identificado anteriormente, document.forms ["tkReplyForm"] ["status"].

Seleccione el campo Safari

A continuación, establezca el campo al valor que encontró anteriormente, 2.

Establecer el valor del campo Safari

Ya ha completado los pasos necesarios para cambiar el valor del campo de formulario para seleccionar la opción deseada. Lo siguiente es activar el botón enviar.. 

Haga clic secundario en el botón de envío deseado y encuentre el ID de botón Eso va con eso, así que puedes decirlo. Maestro de teclado hacer algo con eso. En el ejemplo estás buscando el texto del botón. Enviar respuesta. 

Tenga en cuenta que la ID es enviarBtn.

Inspeccionar el boton de safari

Agrega otro Control de safari llamado Focus Safari Field. Una vez más haga clic en la palabra Safari bajo la Tratar Botón para encontrar el campo que acaba de identificar en el paso anterior.. 

En el ejemplo es document.forms ["tkReplyForm"] ["sendBtn"].

Botón de formulario de enfoque de Safari

Ahora que el botón tiene el foco, puede activarlo emulando la presión del botón regreso llave. 

Agrega una acción, pero esta vez haz click en Todas las acciones y en el tipo de campo de búsqueda pulsación de tecla. Escriba una pulsación de tecla es la acción que necesitas. 

Una vez que se agrega, elija la pulsación de tecla Regreso Desde el menú desplegable para simularlo..

Añadir tecla de retorno

La acción ya está lista para usar. Aquí hay una captura de pantalla de mí enviándome un correo electrónico dentro Ayuda Scout, Para ver el ejemplo en acción. Debes hacer el mismo tipo de prueba en tu ejemplo ahora.

Ejemplo de formulario antes de ejecutar la macro

Tenga en cuenta aquí cómo he escrito ,,hs y estoy a punto de completar la secuencia de disparo presionando pag.

Formulario de ejemplo, ejecutando macro

... y listo, el estado ha cambiado a pendiente y el formulario enviado.

Ejemplo de formulario, ejecución de macros completa

Ingreso automático de texto y verificación

En el segundo ejemplo, le mostraré cómo insertar automáticamente fragmentos de texto escritos previamente, verificar que sea una entrada correcta antes del envío y lanzar una excepción visual si no lo fue. Esto significa que puede intervenir manualmente antes de enviar el formulario. Voy a continuar en el contexto de la Ayuda Scout interfaz web para la coherencia a través de ejemplos.

El primer paso es agregar un disparador de cadena con tipo. Como antes, inicia el gatillo con ,, y luego agregar htv para el mnemotécnico Help scout text verificación.

Crear disparador de texto

Inspeccione el campo de texto donde se insertará el fragmento de texto. Está buscando la sección en la que se encuentra el campo de respuesta, por lo que puede usarla en el siguiente paso.

Inspeccionar campo de entrada de texto

Agrega un Seleccione Safari Field acción. Esto funcionará igual que el ejemplo anterior..

Hacer clic Safari justo debajo de la Tratar y elija el campo que representa lo que encontró en el paso de inspección anterior.

En este caso es formas ["tkReplyForm"] ["reply"] (área de texto).

Seleccione el campo de texto Safari

Luego agrega una acción debajo de Texto llamado Insertar texto. Para el ejemplo usa algunos lorem ipsum texto.

Creación de fragmentos de texto

Regrese al ejemplo anterior en una maniobra de ahorro de tiempo y use Comando-clic principal seleccione las acciones anteriores que utilizó para establecer su formulario en un estado pendiente y enviarlo automáticamente; seguido por Comando-C Para copiar las acciones al portapapeles..

Copiar acciones de flujo de trabajo anteriores

Siguiente añadir en una acción de la Flujo de control sección llamada Si entonces mas. Una vez que se agrega uso Comando-V para pegar las acciones que acaba de copiar como las acciones que se ejecutarán si se cumple la condición, aún por establecer,.

Añadiendo la lógica If Then Else

Verifique en el campo del formulario la existencia del fragmento de texto que debía ingresarse automáticamente. 

Para hacer este conjunto El texto: a formas ["tkReplyForm"] ["reply"] (área de texto).

Campo de ajuste para comprobar

Debe ingresar una parte del fragmento para usar para verificar que el texto se insertó correctamente. Ya que tu fragmento es lorem ipsum texto, usa las palabras sentarse amet para su cheque.

Configuración de texto para registrar en el campo

En el De lo contrario, ejecute las siguientes acciones: sección que necesitas para agregar una alerta. 

Para localizar esto rápidamente, mira debajo Todas las acciones y luego elegir Alerta. Dale a la alerta un título de texto que no se pudo pegar automáticamente ... y un comentario de Vuelva a escribir manualmente en el campo de confianza y luego haga clic en el botón enviar o enviar.

Esto definirá cómo se verá el cuadro de alerta y se mostrará cuando ocurra un error.

Añadir una alerta

¡Es hora de una prueba! Pulsa responder y escribe el disparador. ,,htv.

Prueba de verificación de texto

Funcionó pero un error todavía apareció. Esto es en realidad una buena verificación de que la alerta está funcionando.. 

El problema es en realidad lo que se puede llamar una condición de carrera. La verificación se ejecuta tan rápidamente que ocurre antes de que el texto se reconozca como pegado en el campo de texto. Esto necesita ser arreglado.

Mensaje de alerta macro

Por suerte, Keyboard Maestro tiene tantos trucos increíbles que en la manga hay un mecanismo para esto. Justo por encima de la lógica condicional se agrega la acción. Pausa, y establecer un valor de 0.5 segundos. Ahora el texto se ingresará correctamente como antes, pero solo recibirá la alerta si se produce un error y el texto no se ingresa.

Añadiendo la frase de pausa

Crea y utiliza macros rápidas desechables

Mucha gente se obsesiona con la idea de construir una biblioteca permanente de macros de Keyboard Maestro para ahorrar tiempo. Una cosa que comúnmente se puede pasar por alto y que puede hacer es hacer pequeñas macros temporales que solo puede usar por un par de horas o días.

Un ejemplo que es bastante similar al primer ejemplo es una macro que cierra rápidamente cualquier mensaje que no esté configurado en un estado cerrado. Con este ejemplo, una tecla de acceso rápido se ha configurado para activar la macro cuando se presiona. 

La combinación de teclas de acceso rápido para esta macro temporal se establece en Control-Opción-Shift-Comando-C ^ ⌥⇧⌘C (todas las teclas modificadoras y do). Cuando se presiona la combinación de teclas de acceso rápido, la macro hace lo siguiente:

• Activa un atajo de teclado. R que abre el Ayuda Scout Mensaje para que pueda ser respondido o actuado de otra manera
• Cambia el campo de estado a cerrado.
• Presenta el formulario

Ejemplo de macro temporal

Usa tus habilidades hasta ahora para crear esta macro corta y luego pruébala. Aquí está el mensaje del ejemplo anterior, solo lo he marcado como activo de nuevo. Control-Opción-Shift-Comando-C  ^ ⌥⇧⌘C se presiona.

Mensaje activo antes de ejecutar la macro temporal

Éxito. La macro abrió la conversación, cambió el estado y la cerró con un atajo de teclado.

Mensaje cerrado después de ejecutar la macro

Conclusión

Keyboard Maestro es una herramienta muy poderosa. Si bien este tutorial profundiza un poco más que las macros para principiantes, apenas has empezado a arañar la superficie de lo que puedes inventar. Ahora sabe lo suficiente como para inspeccionar campos de formulario y botones, manipularlos usando disparadores escritos y accesos directos de teclado asignados. También está armado con el conocimiento de cómo construir controles de seguridad en sus macros para garantizar que el formulario se encuentre en el estado que desea antes de enviarlo o actuar de otra manera..

Déjeme saber en qué tiempo ahorro las macros que termina construyendo al estudiar los ejemplos que le guié en este tutorial dejando un comentario a continuación..