Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Chrome equivalent of Firefox Firebug CSS select path

I've made the move to Chrome, but one of the most annoying features with 'Firebug lite' is that it doesn't allow you to copy the CSS path of objects.

To see what I mean, in Firefox, go to google.com and inspect the logo with Firebug. Right click on the 'hplogo' div and pick 'Copy CSS path'. You'll get something like:

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

This is an incredibly useful feature that I can't find on Chrome, it appears you can only copy the Xpath.

Is there a way to use this type of functionality in Chrome?

Thanks

like image 592
Phill Avatar asked Jul 12 '12 00:07

Phill


1 Answers

In chrome you can right click on an element in the elements explorer view and select copy CSS path or copy Xpath.

like image 129
Richard Turner Avatar answered Sep 18 '22 13:09

Richard Turner