Inspeção e extração no navegador

Inventário grátis de botões de página web.

Rótulos, tipos e contexto visível de interação dos botões.

Faça um inventário dos controles da página que você revisa com nomes e contexto antes de planejar mudanças na interface.

Requer extensão do Chrome e conta.
25 tarefas de automação grátis por mês, compartilhadas entre as ferramentas. Aplicam-se os limites do provedor no navegador.

O QUE PREPARAR

Controles da página renderizada.

SEU PONTO DE PARTIDA

Uma tarefa que você pode adaptar.

Copie aqui. Cole no WebAct quando estiver pronto.

Esta página prepara seu prompt. A tarefa é executada no WebAct.

01

Adapte a tarefa para você.

Revise o prompt acima. Adicione seu objetivo e os requisitos importantes.

02

Leve para o WebAct.

Abra a página de origem, ative o WebAct e selecione o conteúdo legível relevante. Cole a tarefa e forneça qualquer material de origem adicional solicitado.

03

Confira a parte útil.

O resultado abrange o conteúdo legível que você fornecer ou selecionar. Expanda primeiro as seções relevantes da página e confira se a saída inclui os registros pretendidos.

GUIA PRÁTICO

Como inventariar controles de uma página em contexto.

Um inventário de controles deve registrar rótulos e funções no contexto. Um botão só com ícone pode precisar de nome acessível mesmo quando o sentido visual parece óbvio.

Adapte o fluxo à sua tarefa.

Liste controles acionáveis em uma região definida, registrando rótulo visível, nome acessível, função e estado quando disponíveis. Relacione rótulos repetidos ao seu contêiner. Não acione controles apenas para identificá-los; anote comportamentos incertos para revisão posterior.

O que você fornece
Controles da página renderizada.
O que você recebe
Rótulos, tipos e contexto visível de interação dos botões.

Veja a entrada e o resultado.

Entrada e saída ilustrativas · exemplo didático, não uma execução real do WebAct

Exemplo campo

Supplied DOM: <button>Save draft</button> and <button><svg aria-hidden="true"></svg></button>. Second control visually uses a trash icon; no other naming attributes.

Exemplo completo

Control 1: native button, visible and accessible name "Save draft".
Control 2: native button, no accessible name in the supplied markup; decorative SVG does not provide one.
Review: confirm the second action, then provide an accurate name such as Delete item if that is its actual function.
Baixar este exemplo

Carregue esta entrada no prompt e copie para o WebAct para testar a tarefa. Seu resultado pode ser diferente da ilustração.

Decisões e solução de problemas.

Links com aparência de botão entram no inventário?

Inclua-os ao revisar a interface, mas preserve seu papel de link e destino para distinguir navegação de ação.

Por que vários controles Excluir são difíceis de diferenciar no resultado?

Falta o registro ou a seção ao redor. Adicione esse contexto e veja se os nomes acessíveis também distinguem os controles.

Teste com sua própria fonte.

Substitua o exemplo pelo seu material no prompt. Mantenha os requisitos necessários e copie a tarefa para o WebAct.

Personalizar e copiar a tarefa ↑
ANTES DE COMEÇAR

Uso do WebAct.

O prompt e o exemplo estão disponíveis aqui. Execute sua tarefa na extensão WebAct para Chrome.

Esta ferramenta é grátis?

Você pode copiar e editar o prompt aqui gratuitamente. Para usá-lo com o WebAct, instale a extensão do Chrome, crie e verifique sua conta e conecte uma sessão disponível do ChatGPT no navegador. O plano Free inclui 25 tarefas de automação iniciadas pelo usuário por mês-calendário, compartilhadas entre as ferramentas. O Chat comum no navegador é separado; aplicam-se os limites do provedor.

Saiba mais sobre contexto compartilhado em nosso política de privacidade e sobre como escolher entre Chat ou Task.

DO PROMPT AO SEU PRÓPRIO TRABALHO

Leve a tarefa para sua página.

Instale o WebAct, adicione seu material de origem e adapte o resultado.

Instalar o WebAct