[Feature Request] - Show source of inline added styles within Google Dev Tools, when inline styles have been added by JavaScript
Reported by
alexande...@gmail.com,
Aug 2 2016
|
|||||
Issue descriptionUserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.82 Safari/537.36 Steps to reproduce the problem: JavaScript often styles HTML elements (eg: adding padding-top: 50px). In Google Chrome Dev Tools/Inspect Element, this simply appears as a element style, with no real traceability to where this style was added from. What is the expected behavior? My proposed solution would be to show the JavaScript file/source/line which caused the addition of the styling. What went wrong? Attached screenshots shows mockup of desired outcome for CSS styles being applied by JavaScript Did this work before? N/A Chrome version: 52.0.2743.82 Channel: stable OS Version: OS X 10.11.6 Flash Version: Shockwave Flash 22.0 r0
,
Aug 5 2016
,
Aug 5 2016
,
Aug 5 2016
Interesting idea! The workaround for now would be to use "Break on > Attribute Modifications" on the node and reload.
,
Aug 8 2016
,
Dec 5 2017
This would require quite a bit of an effort. I'm closing this for now due to low interest in the feature. |
|||||
►
Sign in to add a comment |
|||||
Comment 1 by nyerramilli@chromium.org
, Aug 3 2016Labels: M-54
Status: Untriaged (was: Unconfirmed)