Partilhar via

Obter as coordenadas e o tamanho de um elemento Web

  • Artigo

Ao automatizar aplicações Web e páginas Web, poderá necessitar de saber a localização e o tamanho exatos de um elemento específico.

Para obter estas informações, crie uma instância do browser e implemente a ação Obter detalhes de um elemento numa página Web. Nas propriedades da ação, defina a opção Nome do atributo como waelementrectangle. A ação armazena os valores obtidos numa variável de texto chamada AttributeValue.

Nota

A ação Obter detalhes de um elemento numa página Web requer um elemento da IU que especifique o elemento Web a partir da qual irá obter o atributo selecionado. Pode localizar mais informações sobre elementos da IU em Automatizar utilizando elementos de IU.

Captura de ecrã da ação Obter detalhes do elemento na página Web.

Depois de obter o valor do texto AttributeValue, tem de o dividir em valores separados e convertê-los em números.

Para dividir o valor do texto, implemente a ação Dividir texto e separe os valores utilizando o caráter (,) como um delimitador. Os valores separados são armazenados numa variável de lista chamada TextList.

Captura de ecrã da ação Dividir texto.

Antes de converter os textos em números, utilize a ação Criar nova lista para criar uma lista que irá armazenar os números convertidos nos passos seguintes.

Captura de ecrã da ação Criar nova lista.

Para aceder a cada item da variável TextList de forma independente, implemente um ciclo Para cada um.

Captura de ecrã de um ciclo Para cada.

Dentro do ciclo, utilize uma ação Converter texto em número para converter o item de texto atual do ciclo num número.

Captura de ecrã da ação Converter texto em número.

Em seguida, utilize a ação Adicionar item a lista para armazenar o número produzido na lista anteriormente criada.

Captura de ecrã da ação Adicionar item à lista.

Para aceder às coordenadas finais e aos valores de tamanho mais tarde no seu fluxo, utilize as seguintes notações:

  • List[0] - O ponto esquerdo do elemento Web, relativo ao canto superior esquerdo da página HTML
  • List[1] - O ponto superior do elemento Web, relativo ao canto superior esquerdo da página HTML
  • List[2] - A largura do elemento Web
  • List[3] - A altura do elemento Web

Para calcular os pontos direitos e inferiores da janela, pode utilizar as seguintes expressões:

  • %List[0] + List[2]% - O ponto direito do elemento Web.
  • %List[1] + List[3]% - O ponto inferior do elemento Web.

Nota

Pode encontrar mais informações sobre listas e a notação VariableName[ItemNumber] em Tipos de dados de variáveis.

Para localizar as coordenadas do canto superior esquerdo de uma página HTML, pode utilizar as propriedades da instância do browser DisplayRectangleX e DisplayRectangleY.

Depois de armazenar a instância de um browser numa variável chamada %Browser%, utilize as expressões %Browser.DisplayRectangleX% e %Browser.DisplayRectangleY% para obter as dimensões X e Y.

Captura de ecrã da expressão %Browser.DisplayRectangleY% numa ação Definir variável.

Além disso, pode obter as coordenadas ao especificar o centro de um elemento Web utilizando o atributo waelementcentercoords na ação Obter detalhes de um elemento numa página Web.