Y a-t-il un moyen d’obtenir le xpath dans Google Chrome?

J’ai une page Web que je veux utiliser avec YQL. Mais j’ai besoin de xpath d’un élément spécifique. Je peux le voir dans la zone des outils de débogage pour Google Chrome mais je ne vois pas de moyen de copier ce xpath.

Est-il possible de copier un xpath complet?

Vous pouvez utiliser $x dans la console javascript Chrome. Aucune extension nécessaire.

ex: $x("//img")

Le champ de recherche de l’inspecteur Web acceptera également xpath

Clic droit sur le noeud => “Copier XPath”

Toutes les réponses ci-dessus sont correctes, voici une autre manière avec la capture d’écran aussi.

De Chrome:

  1. Cliquez avec le bouton droit sur “inspect” sur l’élément que vous essayez de trouver le xpath
  2. Cliquez avec le bouton droit sur la zone en surbrillance de la console.
  3. Aller à la copie de xpath

entrer la description de l'image ici

L’extension XPath Helper fait ce dont vous avez besoin: https://chrome.google.com/webstore/detail/hgimnogjllphhhkhlmebbmlgjoejdpjl

Aucune extension nécessaire en chrome maintenant. Cliquez avec le bouton droit de la souris sur n’importe quel élément et cliquez sur “Inspecter l’élément”, puis à nouveau dans l’inspecteur, cliquez avec le bouton droit sur l’élément et cliquez sur “Copier Xpath”.

xpathOnClick a ce que vous cherchez: https://chrome.google.com/extensions/detail/ikbfbhbdjpjnalaooidkdbgjknhghhbo

Lisez les commentaires cependant, il faut en fait trois clics pour obtenir le xpath.

À partir de la dernière mise à jour de chrome, vous pouvez maintenant cliquer sur n’importe quel élément de l’inspecteur d’éléments et copier le XPath dans le presse-papier.

Laissez une formule simple pour trouver xpath de n’importe quel élément:

1- Ouvrir le site dans le navigateur

2- Sélectionnez l’élément et cliquez dessus avec le bouton droit

3- Cliquez sur l’option inspecter l’élément

4- Cliquez avec le bouton droit sur le fichier HTML sélectionné

5- choisissez l’option pour copier xpath Utilisez-la où vous en avez besoin

Ce lien vidéo vous sera utile. http://screencast.com/t/afXsaQXru

Remarque: Pour les options avancées de xpath, vous devez connaître les expressions rationnelles ou le modèle de votre code HTML.

Google Chrome fournit un outil de débogage intégré prêt à l’emploi, appelé « Chrome DevTools », qui inclut une fonction pratique permettant d’évaluer ou de valider les sélecteurs XPath / CSS sans aucune extension tierce.

Cela peut être fait par deux approches:

Utilisez la fonction de recherche dans le panneau Elements pour évaluer les sélecteurs XPath / CSS et mettre en évidence les nœuds correspondants dans le DOM. Exécutez les jetons $ x (“some_xpath”) ou $$ (“css-selectors”) dans le panneau Console, qui évalueront et valideront tous les deux.

A partir du panneau Eléments

  1. Appuyez sur F12 pour ouvrir Chrome DevTools.

  2. Le panneau Éléments doit être ouvert par défaut.

  3. Appuyez sur Ctrl + F pour activer la recherche DOM dans le panneau.

  4. Tapez les sélecteurs XPath ou CSS à évaluer.

  5. S’il y a des éléments correspondants, ils seront mis en évidence dans DOM. Cependant, s’il y a des chaînes correspondantes dans DOM, elles seront également considérées comme des résultats valides. Par exemple, l’en-tête du sélecteur CSS doit correspondre à tout (CSS en ligne, scripts, etc.) qui contient l’en-tête du mot, au lieu d’éléments qui ne correspondent que.

entrer la description de l'image ici

À partir du panneau de la console

  1. Appuyez sur F12 pour ouvrir Chrome DevTools.

  2. Passez au panneau de la console.

  3. Tapez XPath comme $x(".//header") pour évaluer et valider.

  4. Tapez les sélecteurs CSS comme $$("header") pour évaluer et valider.

  5. Vérifiez les résultats renvoyés par l’exécution de la console.

Si des éléments sont appariés, ils seront renvoyés dans une liste. Sinon, une liste vide [] est affichée.

 $x(".//article") [
] $x(".//not-a-tag") [ ]

Si le sélecteur XPath ou CSS n’est pas valide, une exception sera affichée en rouge. Par exemple:

 $x(".//header/") SyntaxError: Failed to execute 'evaluate' on 'Document': The ssortingng './/header/' is not a valid XPath expression. $$("header[id=]") SyntaxError: Failed to execute 'querySelectorAll' on 'Document': 'header[id=]' is not a valid selector. 

Il suffit de cliquer avec le bouton droit sur l’élément pour lequel vous voulez utiliser le chemin xpath et vous verrez un élément de menu pour le copier. Cela n’a peut-être pas existé lorsque l’OP a fait son entrée mais c’est certainement là maintenant.

Dans Firebug dans Firefox, vous pouvez cliquer avec le bouton droit sur un élément après l’avoir inspecté et choisir Copier XPath. Je ne pouvais pas faire fonctionner ChromYQLip correctement.

Légèrement OT, mais peut-être utile: Sur Mac Chrome, bien que vous ne puissiez pas copier le chemin xpath du champ de recherche du panneau Outils de développement (au lieu de cela, le nœud est capturé au format HTML), vous pouvez faire glisser le texte dans un éditeur externe.

Utilisez cette extension, elle génère xpaths en fonction de l’ID ou de la classe, ce qui est probablement ce que vous voulez utiliser.

Cliquez sur l’icône du navigateur, le panneau est affiché dans le coin droit de la page, puis cliquez sur démarrer inspecter, puis sur n’importe quel élément pour obtenir votre xpath.

Générateur XPath


Équivalent à la solution Chrome Extension ci-dessus, elle est connectable à un projet Java: alors que Chrome fournit à la fois XPath et le sélecteur, les deux ont tendance à atsortingbuer la valeur “id” ou d’autres éléments à modification dynamic. La question ci-dessus est motivée par la nécessité de s’appuyer sur des atsortingbuts persistants. https://www.burlingtonvisionandlab.com/Downloads/TuSqK231LashowXPathSE7HTML/showXPathSE1_7Table.html

Le fichier jar gratuit téléchargeable affichera un chemin plus long avec des atsortingbuts de sélection de pièces à atteindre.

J’ai essayé presque toutes les extensions disponibles et j’ai trouvé que la liste ci-dessous était l’une des meilleures.

Lien d’extension ChroPath

Tout comme FirePath, cette extension vous donne directement le Xpath lorsque vous cliquez sur Inspect.

entrer la description de l'image ici