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 | ||
Zach Leatherman
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)
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
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
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
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
This is still a great idea. I filed a new bug:
<https://webkit.org/b/139612> Web Inspector: Show Pseudo Elements in DOM Tree