Bug 65625

Summary:	Web Inspector: Pseudo Elements on Elements Panel
Product:	WebKit	Reporter:	Zach Leatherman <zachleatherman>
Component:	Web Inspector (Deprecated)	Assignee:	Nobody <webkit-unassigned>
Status:	RESOLVED INVALID
Severity:	Normal	CC:	apavlov, bweinstein, caseq, joepeck, keishi, loislo, mathias, paulirish, pfeldman, pmuellr, rik, yurys
Priority:	P2
Version:	528+ (Nightly build)
Hardware:	All
OS:	All

Description Zach Leatherman 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.

Comment 1 Alexander Pavlov (apavlov) 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?

Comment 2 Paul Irish 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

Comment 3 Zach Leatherman 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.

Comment 4 Brian Burg 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.

Comment 5 Joseph Pecoraro 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