Obtener las coordenadas y el tamaño de un elemento web

Al automatizar aplicaciones web y páginas web, es posible que tenga que conocer la ubicación y el tamaño exactos de una ventana.

Para obtener esta información, cree una instancia de explorador e implemente la acción Obtener detalles del elemento en la página web. En las propiedades de la acción, establezca la opción Nombre del atributo en waelementrectangle. La acción almacena los valores recuperados en una variable de texto llamada AttributeValue.

Nota

La acción Obtener detalles del elemento en la página web requiere un elemento de la interfaz de usuario que especifica el elemento web del que se recuperará el atributo seleccionado. Puede obtener más información sobre los elementos de la interfaz de usuario en Automatizar el uso de elementos de la interfaz de usuario.

Captura de pantalla de la acción Obtener detalles del elemento en la página web.

Después de recuperar el valor de texto de AttributeValue, debe dividirlo en valores separados y convertir estos valores en números.

Para dividir el valor del texto, implemente la acción Dividir texto y separe los valores utilizando comas (,) como delimitador. Los valores separados se almacenan en una variable de lista denominada TextList.

Captura de pantalla de la acción Dividir texto.

Antes de convertir los textos en números, utilice la acción Crear nueva lista para crear una lista que almacenará los números convertidos en los siguientes pasos.

Captura de pantalla de la acción Crear nueva lista

Para acceder a cada elemento de TextList de forma independiente, implemente un bucle For each.

Captura de pantalla de un bucle For each.

Dentro del bucle, use una acción Convertir texto en número para convertir el elemento de texto actual del bucle en un número.

Captura de pantalla de la acción Convertir texto en número.

A continuación, use la acción Agregar elemento a lista para almacenar el número producido en la lista creada previamente.

Captura de pantalla de la acción Agregar un elemento a una lista.

Para acceder a los valores finales de coordenadas y tamaño más adelante en el flujo, use las siguientes notaciones:

  • List[0]: punto izquierdo del elemento web, con respecto a la esquina superior izquierda de la página HTML
  • List[1]: punto superior del elemento web, con respecto a la esquina superior izquierda de la página HTML
  • List[2]: ancho del elemento web
  • List[3]: altura del elemento web

Para calcular los puntos derecho e inferior de la ventana, puede utilizar las siguientes expresiones:

  • %List[0] + List[2]%: punto derecho del elemento web
  • %List[1] + List[3]%: punto inferior del elemento web

Nota

Puede obtener más información sobre las listas y la notación VariableName[ItemNumber] en Tipos de datos de variables.

Para encontrar las coordenadas de la esquina superior izquierda de una página HTML, puede utilizar las propiedades de instancia DisplayRectangleX y DisplayRectangleY del explorador web.

Después de almacenar la instancia de un explorador en una variable llamada %Browser%, utilice las expresiones %Browser.DisplayRectangleX% y %Browser.DisplayRectangleY% para obtener las dimensiones X e Y.

Captura de pantalla de la expresión %Browser.DisplayRectangleY% en una acción Establecer variable.

Además, puede obtener las coordenadas que especifican el centro de un elemento web utilizando el atributo waelementcentercoords en la acción Obtener detalles del elemento en la página web.