Show HN: Extract a unique CSS selector for any element on any page

#1

Post by GFuller » Tue, Oct 06, 2015, 9:32 AM UTC

Show HN: Extract a unique CSS selector for any element on any page
flutter.social

Re: Show HN: Extract a unique CSS selector for any element on any page

#2

Post by nreece » Wed, Oct 07, 2015, 12:05 AM UTC

Looks good. Seems like you use it internally for your product as well. Our automated feed generator with inbuilt selector support: https://feedity.com might be of help to you. Have a look.

Re: Show HN: Extract a unique CSS selector for any element on any page

#3

Post by bazzargh » Wed, Oct 07, 2015, 9:44 AM UTC

This is already built into the browser: in firefox, inspect element, then right click in the source and 'Copy Unique Selector' does this. In Chrome, you do the same inspect element, but the right click item is 'Copy CSS Path'

Re: Show HN: Extract a unique CSS selector for any element on any page

#4

Post by GFuller » Wed, Oct 07, 2015, 9:58 AM UTC

bazzargh wrote: post #3

This is already built into the browser: in firefox, inspect element, then right click in the source and 'Copy Unique Selector' does this. In Chrome, you do the same inspect element, but the right click item is 'Copy CSS Path'

You're right. However, the purpose of this bookmarklet is to provide a streamlined method of getting the selector without having to go into the source. Using 'inspect element' is easy for me and you but for some people its enough to put them off trying to get the selector.