Vous pouvez trouver des informations XPath pour les éléments du site Web à l'aide des outils de développement de la plupart des navigateurs. Firebug pour Firefox vous permet de copier les informations XPath directement dans votre presse-papiers. Pour la plupart des autres navigateurs, vous pouvez trouver les informations XPath de l'élément dans les outils de développement, mais vous devrez les formater vous-même.
Pas
Méthode 1 sur 4: Utiliser Firefox et Firebug
Étape 1. Installez Firebug pour Firefox
Firebug est un module complémentaire d'inspecteur Web pour Firefox.
- Cliquez sur le bouton du menu Firefox (☰) et sélectionnez "Modules complémentaires".
- Cliquez sur "Obtenir des modules complémentaires", puis sur "Obtenir plus de modules complémentaires !" bouton.
- Recherchez "Firebug" puis cliquez sur le bouton "Ajouter à Firefox" à côté.
- Confirmez que vous souhaitez installer Firebug, puis redémarrez Firefox lorsque vous y êtes invité.
Étape 2. Ouvrez le site Web que vous souhaitez inspecter
Vous pouvez utiliser Firebug pour inspecter n'importe quel élément d'un site Web afin de trouver le XPath.
Étape 3. Cliquez sur le bouton Firebug
Vous le trouverez dans le coin supérieur droit de la fenêtre. Cela ouvrira le panneau Firebug en bas de la fenêtre Firefox.
Étape 4. Cliquez sur le bouton de l'inspecteur d'éléments
Vous le trouverez dans la rangée supérieure de boutons du panneau Firebug en bas de la fenêtre, directement à droite du bouton Options Firebug. Cela ressemble à une boîte avec un curseur de souris pointant dessus.
Étape 5. Cliquez sur l'élément de page Web que vous souhaitez inspecter
Lorsque vous déplacez votre curseur sur la page Web, vous verrez différents éléments mis en évidence. Cliquez sur celui pour lequel vous voulez trouver le XPath.
Étape 6. Cliquez avec le bouton droit sur le code en surbrillance dans le panneau Firebug
Lorsque vous cliquez sur un élément dans une page Web, son code associé sera mis en évidence dans le panneau Firebug en bas de la fenêtre. Cliquez avec le bouton droit sur ce code en surbrillance.
Étape 7. Sélectionnez "Copier XPath" dans le menu
Cela copiera les informations XPath de l'élément dans votre presse-papiers.
Si vous sélectionnez "Copier le XPath minimal", seules les informations XPath de base seront copiées
Étape 8. Collez les informations XPath copiées ailleurs
Une fois le code copié, vous pouvez simplement le coller n'importe où ailleurs en cliquant avec le bouton droit de la souris et en sélectionnant "Coller".
Méthode 2 sur 4: Utilisation de Chrome
Étape 1. Ouvrez le site Web que vous souhaitez inspecter dans Chrome
Vous n'avez besoin d'aucune extension installée pour pouvoir trouver les informations XPath des éléments du site Web lorsque vous utilisez Chrome.
Étape 2. Appuyez sur
F12 pour ouvrir l'inspecteur de site Web.
Cela apparaîtra sur le côté droit de la fenêtre.
Étape 3. Cliquez sur le bouton de l'inspecteur d'éléments
Vous le trouverez dans le coin supérieur gauche du panneau de l'inspecteur de site Web. Le bouton ressemble à une boîte sur laquelle pointe le curseur de la souris.
Étape 4. Cliquez sur l'élément du site Web que vous souhaitez inspecter
Vous verrez les éléments du site mis en évidence lorsque vous déplacez votre curseur dessus.
Étape 5. Cliquez avec le bouton droit sur le code en surbrillance dans le panneau de l'inspecteur
Lorsque vous cliquez sur un élément avec l'inspecteur, le code correspondant sera automatiquement mis en surbrillance dans le panneau de l'inspecteur sur le côté droit de la fenêtre. Cliquez avec le bouton droit sur le code en surbrillance.
Étape 6. Sélectionnez "Copier" → "Copier XPath
" Cela copiera les informations XPath de l'élément dans votre presse-papiers.
Notez que cela ne fait que copier les informations XPath minimales. Firebug pour Firefox peut vous fournir toutes les informations XPath
Étape 7. Collez les informations XPath copiées
Vous pouvez coller vos informations XPath copiées comme vous le feriez avec n'importe quelle information copiée en cliquant avec le bouton droit dans un champ de texte et en sélectionnant "Coller".
Méthode 3 sur 4: Utilisation de Safari
Étape 1. Cliquez sur le menu Safari et sélectionnez "Préférences
" Vous devrez activer le menu Développer pour accéder à l'utilitaire Web Inspector.
Étape 2. Cliquez sur l'onglet "Avancé"
Cela affichera les paramètres avancés de Safari.
Étape 3. Cochez la case "Afficher le menu Développement dans la barre de menus"
Le menu Développer apparaîtra immédiatement dans la barre de menu.
Étape 4. Ouvrez le site Web que vous souhaitez inspecter
Fermez le menu Préférences et visitez le site Web qui contient l'élément pour lequel vous souhaitez obtenir XPath.
Étape 5. Cliquez sur le menu Développer et sélectionnez "Afficher Web Inspector
" Le panneau Web Inspector apparaît en bas de la fenêtre.
Étape 6. Cliquez sur le bouton "Démarrer la sélection des éléments"
Il ressemble à un réticule et se trouve dans la rangée supérieure de boutons du panneau Web Inspector.
Étape 7. Cliquez sur l'élément du site Web que vous souhaitez inspecter
Cela mettra en surbrillance le code de cet élément dans le panneau Web Inspector en bas de la fenêtre.
Étape 8. Notez les informations XPath en haut de l'arborescence
Vous ne pouvez pas copier directement le XPath, mais vous pouvez voir le chemin complet au-dessus du code affiché dans l'inspecteur Web. Chaque onglet est une expression de chemin.
Méthode 4 sur 4: Utilisation d'Internet Explorer
Étape 1. Ouvrez le site Web que vous souhaitez inspecter dans Internet Explorer
Vous n'avez rien à installer pour trouver le XPath dans Internet Explorer. Ouvrez le site Web qui contient l'élément que vous souhaitez inspecter.
Étape 2. Appuyez sur F12 pour ouvrir les outils de développement
Le panneau des outils de développement apparaîtra en bas de la fenêtre.
Étape 3. Cliquez sur le bouton "Sélectionner l'élément"
Vous le trouverez dans le coin supérieur gauche du panneau des outils de développement.
Étape 4. Cliquez sur l'élément de la page Web que vous souhaitez inspecter
Cela le sélectionnera et mettra en évidence le code correspondant dans l'explorateur DOM.
Étape 5. Notez les informations XPath au bas du panneau
Chacun des onglets en bas du panneau est une expression XPath pour l'élément que vous avez sélectionné. Vous ne pouvez pas le copier au format XPath comme vous le pouvez dans Firefox avec Firebug.