Chrome équivalent de Firefox Firebug CSS chemin de sélection

J'ai fait le déplacement vers Chrome, mais l'une des fonctionnalités les plus ennuyeuses avec "Firebug lite" est qu'il ne vous permet pas de copier le chemin CSS des objets.

pour voir ce que je veux dire, dans Firefox, allez à google.com et inspectez le logo avec Firebug. Faites un clic droit sur le div' hplogo 'et choisissez'Copy CSS path'. Vous aurez quelque chose comme:

html body#gsr div#main span#body.ctr-p center div#lga div div#hplogo

c'est une fonctionnalité incroyablement utile que je ne trouve pas sur Chrome, il semble que vous ne pouvez Que copier le Xpath.

Existe-t-il un moyen d'utiliser ce type de fonctionnalité dans Chrome?

Merci

11
demandé sur Phill 2012-07-12 04:19:16

2 réponses

il n'y a pas de façon native d'obtenir ces informations dans Chrome. Vous pouvez faire un tas de hacks, en utilisant jQuery et signets comme montrer ici: http://www.edmondscommerce.co.uk/chrome/tip-copy-css-selector-in-chrome / ainsi qu'ici: http://www.selectorgadget.com /

cependant, vous pouvez trouver cette extension plus proche de ce que vous voulez, et un peu plus facile à utiliser: https://chrome.google.com/webstore/detail/lbghbpofdlcecfbpjgmffnkieenjkboi Il va tirer le XPath ainsi que le chemin CSS, et vous permettra de copier facilement le texte.

4
répondu Chris Hendry 2012-07-12 01:03:25

dans chrome, vous pouvez faire un clic droit sur un élément dans la vue elements explorer et sélectionner copier CSS path ou copier Xpath.

6
répondu Richard Turner 2014-03-11 10:55:21