CSS query generation APIs

Question

I have had enough search on this topic and could not find a suitable answer, finally my question is Does any one know any APIs which I can use to generate CSS query from the web page, similar to the Xpath we get it from Mozilla or chrome plugins.

attached is the image for reference.

Similar to copyXpath

On the similar lines of this image, I need API for CSSQuery which gives me CSS query for selected element

Why did you add the Java tag? Did you mean: [tag:JavaScript]? — Rob W, Jun 25 '13 at 09:37
@RobW : just wanted to explore if any Java guy knows any java-APIs. — chaosguru, Jun 25 '13 at 09:41
@chaosguru: UI controls are not APIs :) Check [this](http://en.wikipedia.org/wiki/Application_programming_interface) — Alexander Pavlov, Jun 25 '13 at 09:49

score 0 · Answer 1 · answered Jun 25 '13 at 09:00

0

Are you looking for something like document.querySelector, document.querySelectorAll (and their counterparts for Element)?

answered Jun 25 '13 at 09:00

Alexander Pavlov

31,598
5
67
93

I have updated the question with image . hope it will be more clear. – chaosguru Jun 25 '13 at 09:25
1

Ah, now I see what you mean. Well, unlike XPath, there's no unique CSS selector for an element in the general case. If you have a specific suggestion for how this should work, feel free to file a feature request at http://crbug.com/new! – Alexander Pavlov Jun 25 '13 at 09:35
Hi @Alexander : thank you for your reply. :-) I will do the same – chaosguru Jun 25 '13 at 09:40

score 0 · Accepted Answer · answered Jul 23 '13 at 06:35

0

I finally wrote my own code which generates a perfect css query :-)

answered Jul 23 '13 at 06:35

chaosguru

1,933
4
30
44

Can you share please it would be very useful to us. – Noitidart Mar 12 '14 at 09:55
I have written I chrome extension which can be used, Will share with you. meanwhile you can try with chrome native API as shown above – chaosguru Mar 18 '14 at 05:39
Thanks looking forward to it. The above gets only xpath though right? – Noitidart Mar 18 '14 at 05:48
nope, its Copy CSS Path as well, if you check properly – chaosguru Mar 18 '14 at 09:29
Here's one: http://stackoverflow.com/questions/15369895/google-chrome-copy-css-path-in-developer-tools/28368127#28368127 – JussiR Feb 06 '15 at 14:37

score 0 · Answer 3 · answered Mar 12 '14 at 07:08

0

Atlast the CopyCssPath is implemented by Chrome
CopyCSSPath from Chromium

answered Mar 12 '14 at 07:08

chaosguru

1,933
4
30
44

CSS query generation APIs

3 Answers3

Linked