web-dev-qa-db-fra.com

Comment obtenir un élément DOM Xpath dans Firefox

C'est peut-être juste moi, mais je ne trouve aucun moyen d'obtenir XPATH de l'élément DOM dans Firefox.

Cela était possible dans Firebug, mais il est maintenant déconseillé en faveur de Firefox Developer Tools et il est recommandé de ne plus l'utiliser.

Alors, est-il possible d’obtenir XPATH dans Firefox et ses outils de développement?

firefoxxpathfirefox-developer-tools
4
Oleg Mikheev

Cette fonctionnalité est disponible dans Firefox DevTools depuis Firefox 56 . Pour copier le Xpath d'un élément, cliquez dessus avec le bouton droit de la souris dans Inspector et choisissez Copier > Xpath dans le menu contextuel.

 Copy Xpath option in Firefox DevTools

Dans les versions antérieures de Firefox, l’option était placée au premier niveau du menu contextuel. Au fur et à mesure de l'ajout d'options de copie, elles ont été déplacées dans le sous-menu Copier .

4
Sebastian Zartner

Ouvrez les outils de développement dans Firefox, puis:

  1. Cliquez sur Console tab.
  2. Tapez allow paste si vous collez quelque chose.

  3. Tapez le XPath comme suit:

    $x("path")

    Par exemple:

    $x(".//*[@id='4th']/tbody/tr[1]/td")

Firebug fonctionne également bien, je suggère donc de l'utiliser à la place.

4
Alvin Bunk

Même s'il n'y a pas d'extension disponible pour Firbug dans Firfox V57/Quantum. Néanmoins, nous pouvons effectuer la même opération que celle que nous avons effectuée précédemment à l’aide de firebug, dans l’outil de développement de Firefox maintenant. L'outil de développement de Firefox a des fonctions plus avancées que le navigateur normal. Cela sera donc utile pour UIDesigner ou tout développeur.

Fonctionnalités de l'outil de développement - Fonctionnalités de l'outil de développement

Pour installer et télécharger les outils de développement Firefox - Les outils de développement Firefox

Pour XPath: Sélectionnez un élément en cliquant dessus avec le bouton droit de la souris et choisissez Inspecter l'élément (Q). L'élément/la balise est alors mis en surbrillance dans l'outil de développement de l'inspecteur. Puis faites un clic droit sur la balise et sélectionnez Copier => Xpath ou CssPath.

mais l'option xpath ou Css fournie par l'option ci-dessus ne sera pas toujours correcte si l'application est dynamique ou si elle possède des identifiants dynamiques, etc ... Il est donc préférable d'utiliser console option/option de la console de sélection (Appuyez sur F12 ) écrire permettre coller et entrer.

Pour Xpath => nous devons utiliser ($ x) exemple: >> $ x ("// p") Cela donnera tout p tag. 

Pour Css path => nous devons utiliser ($$) Exemple: >> $$ ("p") alors Entrée Cela donnera tout p tag. 

1
Avinash Pande

Vous pouvez obtenir le XPath dans Quantum en cliquant avec le bouton droit de la souris sur l'élément html dans l'inspecteur et en sélectionnant Copier> XPath. Pour par exemple. 

 enter image description here

Par exemple, le code html ci-dessous vous donnera le Xpath sous la forme -/html/body/form/table/tbody/tr [2]/td [2]/table/tbody/tr [2]/td/table 1 / tbody/tr [4]/td 1

1
user1554876

Vous pouvez également utiliser le complément de chemin X https://addons.mozilla.org/nn-NO/firefox/tag/xpath pour obtenir le chemin x.

0
user9499349

Vous pouvez également obtenir une version antérieure de Firefox à partir de la page de publication .
Assurez-vous que désactivez la mise à jour automatique sinon votre navigateur passera à la nouvelle.

0
jaibalaji