Bug 52125
| Summary: | Web Inspector: Please implement the style pane to show dynamic styles being added to elements via classes | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Darth <priyajeet.hora> |
| Component: | Web Inspector (Deprecated) | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED DUPLICATE | ||
| Severity: | Normal | CC: | apavlov, bweinstein, joepeck, keishi, loislo, pfeldman, pmuellr, priyajeet.hora, rik, timothy, yurys |
| Priority: | P2 | ||
| Version: | 528+ (Nightly build) | ||
| Hardware: | All | ||
| OS: | All | ||
Darth
Unlike firebug, web inspector doesn't show styles that are applied to html elements dynamically via classes.
This makes css debugging on firebug a more desirable, when you have to debug elements part of complex frameworks like jquery, dojo etc.
As an example, try checking out and debugging http://archive.dojotoolkit.org/nightly/dojotoolkit/dijit/themes/themeTester.html.
While the left pane showing elements does show the classes being added dynamically to an element, the style pane doesn't show the updated styles in those classes that gets applied to elements, making it hard to debug. Since a lot of these classes are added with some mouse event, one needs to memorize the class name being added and then hunt around in the css for the styles it was including vs in firebug you could easily glance over the styles while keeping your mouse over the element.
This is more of a feature request extension to Bug 44267
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Pavel Feldman
*** This bug has been marked as a duplicate of bug 51118 ***