Equivalente di Chrome di Firefox Firebug Percorso di selezione CSS

Question

Ho effettuato il passaggio a Chrome, ma una delle funzionalità più fastidiose con 'Firebug lite' è che non consente di copiare il percorso CSS degli oggetti.

Per vedere cosa intendo, in Firefox, vai su google.com e ispeziona il logo con Firebug. Fai clic destro sul div 'hplogo' e seleziona 'Copia percorso CSS'. Si otterrà qualcosa del tipo:

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

Questa è una caratteristica estremamente utile che non riesco a trovare su Chrome, sembra si può solo copiare il XPath.

C'è un modo per utilizzare questo tipo di funzionalità in Chrome?

Grazie

Answer 1

non c'è modo nativo per ottenere queste informazioni in Chrome. Si può fare un po 'di hack, utilizzando jQuery e segnalibri come spettacolo qui: http://www.edmondscommerce.co.uk/chrome/tip-copy-css-selector-in-chrome/ così come qui: http://www.selectorgadget.com/

Tuttavia, è possibile trovare questa estensione per essere più vicino a ciò che si vuole, e un po' più facile da usare: https://chrome.google.com/webstore/detail/lbghbpofdlcecfbpjgmffnkieenjkboi Trarrà XPath e il percorso CSS e ti consentirà di copiare facilmente il testo.

Answer 2

In chrome è possibile fare clic con il pulsante destro del mouse su un elemento nella vista Esplora elementi e selezionare copia percorso CSS o copiare Xpath.