Bug 65625 - Web Inspector: Pseudo Elements on Elements Panel
Summary: Web Inspector: Pseudo Elements on Elements Panel
Alias: None
Product: WebKit
Classification: Unclassified
Component: Web Inspector (Deprecated) (show other bugs)
Version: 528+ (Nightly build)
Hardware: All All
: P2 Normal
Assignee: Nobody
Depends on:
Reported: 2011-08-03 10:09 PDT by Zach Leatherman
Modified: 2014-12-12 18:18 PST (History)
12 users (show)

See Also:


Note You need to log in before you can comment on or make changes to this bug.
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