RESOLVED DUPLICATE of bug 5111852125
Web Inspector: Please implement the style pane to show dynamic styles being added to elements via classes 
https://bugs.webkit.org/show_bug.cgi?id=52125
Summary Web Inspector: Please implement the style pane to show dynamic styles being a...
Darth
Reported 2011-01-08 20:30:54 PST
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
Comment 1 2011-02-08 05:02:19 PST
*** This bug has been marked as a duplicate of bug 51118 ***
Note You need to log in before you can comment on or make changes to this bug.