4 maneiras de encontrar XPath usando Firebug

Índice:

4 maneiras de encontrar XPath usando Firebug
4 maneiras de encontrar XPath usando Firebug

Vídeo: 4 maneiras de encontrar XPath usando Firebug

Vídeo: 4 maneiras de encontrar XPath usando Firebug
Vídeo: Instalando o Microsoft Power BI Desktop no Mac através do Parallels Desktop, por Mauricio Cassemiro 2024, Maio
Anonim

Você pode encontrar informações XPath para elementos do site usando a maioria das ferramentas de desenvolvedor dos navegadores. O Firebug para Firefox permite que você copie as informações XPath diretamente para a sua área de transferência. Para a maioria dos outros navegadores, você pode encontrar as informações XPath para o elemento nas ferramentas do desenvolvedor, mas terá que formatá-lo você mesmo.

Passos

Método 1 de 4: usando Firefox e Firebug

Encontre XPath usando Firebug Etapa 1
Encontre XPath usando Firebug Etapa 1

Etapa 1. Instale o Firebug para Firefox

O Firebug é um complemento do inspetor da web para o Firefox.

  • Clique no botão Menu do Firefox (☰) e selecione "Complementos".
  • Clique em "Obter complementos" e, em seguida, clique em "Obter mais complementos!" botão.
  • Procure por "Firebug" e clique no botão "Adicionar ao Firefox" ao lado dele.
  • Confirme que deseja instalar o Firebug e reinicie o Firefox quando solicitado.
Encontre XPath usando Firebug Etapa 2
Encontre XPath usando Firebug Etapa 2

Etapa 2. Abra o site que deseja inspecionar

Você pode usar o Firebug para inspecionar qualquer elemento em um site para encontrar o XPath.

Encontre XPath Usando Firebug Etapa 3
Encontre XPath Usando Firebug Etapa 3

Etapa 3. Clique no botão Firebug

Você encontrará isso no canto superior direito da janela. Isso abrirá o painel Firebug na parte inferior da janela do Firefox.

Encontre XPath usando Firebug Etapa 4
Encontre XPath usando Firebug Etapa 4

Etapa 4. Clique no botão do inspetor de elemento

Você encontrará isso na linha superior de botões no painel Firebug na parte inferior da janela, diretamente à direita do botão Opções do Firebug. Parece uma caixa com o cursor do mouse apontando para ela.

Encontre XPath Usando Firebug Etapa 5
Encontre XPath Usando Firebug Etapa 5

Etapa 5. Clique no elemento da página da web que você deseja inspecionar

Conforme você move o cursor sobre a página da web, verá diferentes elementos serem destacados. Clique naquele para o qual deseja localizar o XPath.

Encontre XPath Usando Firebug Etapa 6
Encontre XPath Usando Firebug Etapa 6

Etapa 6. Clique com o botão direito no código realçado no painel Firebug

Quando você clica em um elemento em uma página da web, seu código relacionado será destacado no painel Firebug na parte inferior da janela. Clique com o botão direito neste código destacado.

Encontre XPath Usando Firebug Etapa 7
Encontre XPath Usando Firebug Etapa 7

Etapa 7. Selecione "Copiar XPath" no menu

Isso copiará as informações XPath do elemento para a área de transferência.

Se você selecionar "Copiar XPath mínimo", apenas as informações básicas do XPath serão copiadas

Encontre XPath Usando Firebug Etapa 8
Encontre XPath Usando Firebug Etapa 8

Etapa 8. Cole as informações copiadas do XPath em outro lugar

Depois que o código for copiado, você pode simplesmente colá-lo em qualquer lugar que precisar clicando com o botão direito e selecionando "Colar".

Método 2 de 4: usando o Chrome

Encontre XPath Usando Firebug Etapa 9
Encontre XPath Usando Firebug Etapa 9

Etapa 1. Abra o site que deseja inspecionar no Chrome

Você não precisa de nenhuma extensão instalada para encontrar as informações XPath dos elementos do site ao usar o Chrome.

Encontre XPath usando Firebug Etapa 10
Encontre XPath usando Firebug Etapa 10

Etapa 2. Pressione

F12 para abrir o inspetor do site.

Isso aparecerá no lado direito da janela.

Encontre XPath Usando Firebug Etapa 11
Encontre XPath Usando Firebug Etapa 11

Etapa 3. Clique no botão do inspetor de elemento

Você encontrará isso no canto superior esquerdo do painel do inspetor do site. O botão parece uma caixa com o cursor do mouse apontando para ele.

Encontre XPath Usando Firebug Etapa 12
Encontre XPath Usando Firebug Etapa 12

Etapa 4. Clique no elemento do site que você deseja inspecionar

Você verá os elementos do site destacados conforme você move o cursor sobre eles.

Encontre XPath usando Firebug Etapa 13
Encontre XPath usando Firebug Etapa 13

Etapa 5. Clique com o botão direito do mouse no código realçado no painel de inspeção

Ao clicar em um elemento com o inspetor, o código relevante será realçado automaticamente no painel do inspetor no lado direito da janela. Clique com o botão direito no código destacado.

Encontre XPath usando Firebug Etapa 14
Encontre XPath usando Firebug Etapa 14

Etapa 6. Selecione "Copiar" → "Copiar XPath

" Isso copiará as informações XPath do elemento para a área de transferência.

Observe que isso apenas copia as informações mínimas de XPath. O Firebug para Firefox pode fornecer todas as informações XPath

Encontre XPath Usando Firebug Etapa 15
Encontre XPath Usando Firebug Etapa 15

Etapa 7. Cole as informações XPath copiadas

Você pode colar suas informações XPath copiadas como faria com qualquer informação copiada clicando com o botão direito em um campo de texto e selecionando “Colar”.

Método 3 de 4: usando o Safari

Encontre XPath Usando Firebug Etapa 16
Encontre XPath Usando Firebug Etapa 16

Etapa 1. Clique no menu Safari e selecione "Preferências

" Você precisará habilitar o menu Desenvolver para acessar o utilitário Web Inspector.

Encontre XPath Usando Firebug Etapa 17
Encontre XPath Usando Firebug Etapa 17

Etapa 2. Clique na guia "Avançado"

Isso exibirá as configurações avançadas do Safari.

Encontre XPath Usando Firebug Etapa 18
Encontre XPath Usando Firebug Etapa 18

Etapa 3. Marque a caixa "Mostrar menu Desenvolver na barra de menus"

O menu Desenvolver aparecerá imediatamente na barra de menus.

Encontre XPath usando Firebug Etapa 19
Encontre XPath usando Firebug Etapa 19

Etapa 4. Abra o site que deseja inspecionar

Feche o menu Preferências e visite o site da Web que contém o elemento para o qual deseja obter o XPath.

Encontre XPath usando Firebug Etapa 20
Encontre XPath usando Firebug Etapa 20

Etapa 5. Clique no menu Desenvolver e selecione "Mostrar Inspetor da Web

" O painel Web Inspector aparecerá na parte inferior da janela.

Encontre XPath usando Firebug Etapa 21
Encontre XPath usando Firebug Etapa 21

Etapa 6. Clique no botão "Iniciar seleção de elemento"

Ele se parece com uma cruz e pode ser encontrado na linha superior de botões do painel Web Inspector.

Encontre XPath Usando Firebug Etapa 22
Encontre XPath Usando Firebug Etapa 22

Etapa 7. Clique no elemento do site que você deseja inspecionar

Isso irá destacar o código para esse elemento no painel Web Inspector na parte inferior da janela.

Encontre XPath Usando Firebug Etapa 23
Encontre XPath Usando Firebug Etapa 23

Etapa 8. Observe as informações XPath no topo da árvore

Você não pode copiar o XPath diretamente, mas pode ver o caminho completo acima do código exibido no Web Inspector. Cada guia é uma expressão de caminho.

Método 4 de 4: usando o Internet Explorer

Encontre XPath Usando Firebug Etapa 24
Encontre XPath Usando Firebug Etapa 24

Etapa 1. Abra o site que deseja inspecionar no Internet Explorer

Você não precisa instalar nada para encontrar o XPath no Internet Explorer. Abra o site que contém o elemento que você deseja inspecionar.

Encontre XPath Usando Firebug Etapa 25
Encontre XPath Usando Firebug Etapa 25

Etapa 2. Pressione F12 para abrir as ferramentas do desenvolvedor

O painel de ferramentas do desenvolvedor aparecerá na parte inferior da janela.

Encontre XPath Usando Firebug Etapa 26
Encontre XPath Usando Firebug Etapa 26

Etapa 3. Clique no botão "Selecionar elemento"

Você encontrará isso no canto superior esquerdo do painel de ferramentas do desenvolvedor.

Encontre XPath Usando Firebug Etapa 27
Encontre XPath Usando Firebug Etapa 27

Etapa 4. Clique no elemento da página da web que deseja inspecionar

Isso irá selecioná-lo e destacar o código para ele no DOM Explorer.

Encontre XPath usando Firebug Etapa 28
Encontre XPath usando Firebug Etapa 28

Etapa 5. Observe as informações XPath na parte inferior do painel

Cada uma das guias na parte inferior do painel é uma expressão XPath para o elemento que você selecionou. Você não pode copiá-lo no formato XPath como no Firefox com Firebug.

Recomendado: