RESOLVED INVALID 65625
Web Inspector: Pseudo Elements on Elements Panel 
https://bugs.webkit.org/show_bug.cgi?id=65625
Summary Web Inspector: Pseudo Elements on Elements Panel
Zach Leatherman
Reported 2011-08-03 10:09:01 PDT
Wanting :before and :after to show up in the Elements tab as "nodes" if there are styles assigned to these pseudo elements. Would also like the ability to select the nodes and see the specific styles assigned to them, as well as hover over them and have them be highlighted in the page view.
Attachments
Add attachment proposed patch, testcase, etc.
Alexander Pavlov (apavlov)
Comment 1 2011-08-03 12:36:48 PDT
Pseudo elements are found only in the render tree, not the DOM tree, and there is only a bare connection between the two, inside WebCore. Andrey, do you by chance know if this is something related to the shadow DOM you were looking into a while ago?
Paul Irish
Comment 2 2011-10-06 16:55:36 PDT
Opera has/had psuedo element's shown in their element panel. Can't seem to use it currently though. Screenshot: http://files.myopera.com/patrickhlauke/blog/Screen%20shot%202011-06-14%20at%2022.02.40.png
Zach Leatherman
Comment 3 2013-11-22 09:09:05 PST
I believe this is showing up in new releases now? Not sure which ticket the work happened under or I’d mark it as a duplicate. But I think this can be closed.
Brian Burg
Comment 4 2014-12-12 14:06:56 PST
Closing as invalid, as this bug pertains to the old inspector UI and/or its tests. Please file a new bug (https://www.webkit.org/new-inspector-bug) if the bug/feature/issue is still relevant to WebKit trunk.
Joseph Pecoraro
Comment 5 2014-12-12 18:18:46 PST
This is still a great idea. I filed a new bug: <https://webkit.org/b/139612> Web Inspector: Show Pseudo Elements in DOM Tree
Note You need to log in before you can comment on or make changes to this bug.