Google Chrome copy CSS Path in Developer Tools Google Chrome copy CSS Path in Developer Tools google-chrome google-chrome

Google Chrome copy CSS Path in Developer Tools


Chrome has updated this option

In chrome after recent update this option has been changed from
(right click on the element in Elements Window) > Copy CSS path
to :
(right click on the element in Elements Window) > Copy > Copy selector


Chrome doesn't have it, so people have made chrome extensions, bookmarklets, and other tools for Chrome to replicate this functionality.

Possible duplicate:Chrome equivalent of Firefox Firebug CSS select path

Bookmarklet:http://www.selectorgadget.com/

Chrome Extension:https://chrome.google.com/webstore/detail/lbghbpofdlcecfbpjgmffnkieenjkboi

I would still like other people's answers, suggestions, and tips on how to best deal with this in Chrome.


You can right click on the element in the main source window and "Copy CSS path". This has been a life saver when I have to work on pages that I can't re-code.